我有一个 html 页面。在其中我使用 jQuery 在链接上附加单击事件。然后我使用 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必须监听message
事件,即需要控制iframe的来源。
关于jquery - 从父框架的 iframe 内的元素上触发事件处理程序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12032074/