如何从iframe中触发单击事件到其父元素？
jQuery('iframe').contents().bind('eventhandler',function() {
alert('event was fired');
});
我也试过了
jQuery(document).bind('eventhandler',function(e) {
alert('event was fired');
});
在iframe中我将此代码嵌入到click事件中
jQuery(document).trigger('eventhandler');
但它不起作用我在这里做错了吗？
解决方法
您需要从iframe引用父文档.
这应该做你需要的：
这应该做你需要的：
index.html的：
<iframe src="iframe.html"></iframe>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>
$(function(){
$(document).on('eventhandler',function() {
alert('event was fired');
});
});
</script>
Iframe.html的：
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>
$(function(){
parent.$(parent.document).trigger('eventhandler');
});
</script>
