jquery – 从父框架触发iframe内的元素上的事件处理程序

前端之家收集整理的这篇文章主要介绍了jquery – 从父框架触发iframe内的元素上的事件处理程序前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个HTML页面.在其中我使用jQuery在链接上附加click事件.然后我使用iframe从另一个页面引用这个html页面.但是我无法触发与js链接的事件(当我用鼠标单击链接时,事件被触发没有问题).如何从父框架触发该事件?我尝试了以下但它不起作用:
var frame = $('#mainFrame'); // the iframe I am trying to access
var link = $('a.btn',frame.contents()); // the element is found correctly
link.trigger('click');  // nothing happens. 
var e = link.data('events');  // e is undefined.

解决方法

这是你如何做到的.
document.getElementById('ifrmMsg').contentWindow.$('a:first').trigger('click');

>演示:http://jsbin.com/aYijiLe/2
>家长:http://jsbin.com/aYijiLe/2/edit
> iFrame:http://jsbin.com/IrogeBi/1/edit

您也可以使用postMessage()来实现此目的.它也可以跨域工作.但是iframe里面的JS必须监听消息事件,即你需要控制iframe的来源.

>演示:http://jsbin.com/ILAsEmE/1
>家长:http://jsbin.com/ILAsEmE/1/edit
> iframe:http://jsbin.com/uZEQuTa/2/edit

猜你在找的jQuery相关文章