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

Go to image link in iframe after alert

本文关键字：图像 链接 iframe      更新时间：2023-09-26

我想在单击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>

为了防止事件重定向你，你只需要在你的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;
    }
相关文章：