Question

我想在点击iframe中的图片链接并提醒后，它会转到iframe中的图片链接（也就是说，图片链接在新页面中打开。）我该怎么办？

$("body").on("click", ".mylink", function(event) {
        alert('ok'); //should alert ok
    });

.addv {
	position:relative;
	float:left;
}
.mylink {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:2;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="addv"> <a class="mylink"></a> 
		<script type="text/javascript">var anetwork_pram = anetwork_pram || [];anetwork_pram["aduser"] = "1423687058";anetwork_pram["adheight"] = "250";anetwork_pram["adwidth"] = "300";</script><script type="text/javascript" src="http://static-cdn.anetwork.ir/showad/pub.js"></script> 
</div>

Answer 1

为了防止事件重定向您，您只需在javascript中添加event.preventDefault()，如下所示：

$("body").on("click", ".mylink", function(event) {
    event.preventDefault();
    alert('ok'); //should alert ok
});

然后点击应该只触发警报

我甚至会补充说，因为您正在使用jQuery，所以您可以替换整个：

$(".mylink").click(function(event) {
   event.preventDefault();
   alert('ok');
});

编辑：我不明白您要打开哪个链接，但为了在完成提醒后添加重定向，请手动执行：

   $(".mylink").click(function(event) {
      event.preventDefault();
      alert('ok');
      var url = "http://www.google.com/"; //Define your url here
      window.location = url;
   });

编辑编辑：如果您的代码是

$(function(){ $(".addv iframe").load(function(){ var iBody = $(".addv iframe").contents().find("body"); var iDiv = iBody.find("a"); alert(iDiv.html()) /*code to change the div content*/ }); });

你正确地获得了iBody和iDiv，然后iDiv就是iframe中所有可用的内容，所以你需要添加：

    var a = iDiv[0]
    $(a).click(function(event) {
        event.preventDefault();
        alert("ok");
        window.location = a.href;
    }

警报后转到iframe中的图片链接

1 个答案: