如何触发iframe事件Jquery

时间:2012-06-08 05:56:18

标签: javascript jquery iframe

我有一个IFRAME,我想从IFRAME的父级触发一个事件(在iframe中):

只是一个粗略的例子我想要做的事情:

<iframe id="i">
  <div id="test"></div>
  <script>
  $(document).ready(function() {  // Event is binded inside the iframe 

   $("#test").live({ click : function() { alert("hello"); } });
  });
  </script>
</iframe>

<script>
$(document).ready(function() { // Want to trigger it from outside the iframe
 $("#i").contents().find("#test").trigger("click");
});
</script>

2 个答案:

答案 0 :(得分:7)

您的jquery是正确的唯一问题是,当文档准备就绪时您正在执行此操作但当时iframe未完全加载,因此当时div不存在而不触发click。 将主页脚本更改为

$(document).ready(function() {
    //want to trigger it from outside the iframe
    $("#i").load(function(){
        $("#i").contents().find("div").trigger("click");
    });
});

答案 1 :(得分:1)

试试这个

ger javascript event from within an iFrame

但是看看Gilly的回答

document.myFrameName.myFunction(); 

问候