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

Question

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

DEMO

$("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;
    }