jQuery判断iframe父亲的链接是否被点击
这里提供一个很简单的思路:
父页面:
在父页面给要判断的链接内部元素(img)添加一条class属性并设置为no,标志着链接未被点击。
<a href="#" target="iframe_a" id="search">
<img src="../static/img/search.png" class="no">
</a>
为这此添加一个js方法,当链接被点击,就将img'的class设置为yes
$(function(){
$("#search").unbind("click").on("click",function(){
$("#search img").attr("class","yes");
});
子页面:
子页面就好搞了,拿到父页面中img的class属性值来判断链接是否被点击。取到值后再将img的属性改会no,否在img的属性在以后一直为yes,达不到自己想要的效果。
id = $(window.parent.document).find("#search img").attr("class");
$(window.parent.document).find("#search img").attr("class","no");
后续发送ajax请求时携带id参数,后台拿到id值后判断yes还是no,进而返回不同的json。