我遇到的问题是阻止链接启动新页面并将其href值加载到iframe中。客户端站点正在使用疗愈代码,该服务提供小部件来调度健身类,当您在小部件加载后单击“注册”按钮时,etc.Check这个页面将打开一个新页面。客户端希望在同一个页面或弹出窗口中打开该链接。我已经试过了我能想到的一切。我使用过jQuery、fancybox等。
下面是使用屏幕截图的IM代码。
我认为问题在于,我的内联脚本在小部件脚本完成呈现时间表html之前加载。
我知道这是可能的,因为本站使用相同的小部件,他们的注册会在同一页面上的覆盖框架中打开链接。
请把这件事弄清楚。
更新:
<html>
<head>
<title>Test</title>
</head>
<body>
<iframe id="openViewHere" width="500px" height="500px" src="" ></iframe>
<script type="text/javascript">
healcode_widget_id = "7696499e81";
healcode_widget_name = "schedules";
healcode_widget_type = "mb";
document.write(unescape("%3Cscript src='https://www.healcode.com/javascripts/hc_widget.js' type='text/javascript'%3E%3C/script%3E"));
// Healcode Schedule Widget for Iyengar Yoga Association of Greater New York : Brooklyn Daily Class Schedule
</script>
<noscript>Please enable Javascript in order to get <a href="https://www.healcode.com" target="_blank">HealCode</a> functionality</noscript>
<script src="https://code.jquery.com/jquery-1.11.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(".signup_now").click(function(){
var url = $(this).attr("href");
$("#openViewHere").attr("href",url);
return false;
});
</script>
</body>
</html>
发布于 2014-10-09 03:40:54
只需使用以下代码:
$( document ).ready(function(){
$("body").on('click',".signup_now",function(e){
$(this).attr("target","_self")
})
})请注意,windows.ready()可能会触发,而小部件脚本仍然在动态地添加元素--这就是侦听器不能工作的原因--您必须通过已经加载的父元素(例如"body“)访问元素。
https://stackoverflow.com/questions/26268780
复制相似问题