javascript - How to trigger an iframe event Jquery - Stack Overflow

admin管理员组

文章数量:1345115

I have an IFRAME and I want to trigger an event (which is inside the iframe) from the parent of an IFRAME:

Just a rough example of what I am trying to do :

<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>

I have an IFRAME and I want to trigger an event (which is inside the iframe) from the parent of an IFRAME:

Just a rough example of what I am trying to do :

<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>

• javascript
• jquery
• iframe

Share Improve this question Follow edited Jun 9, 2012 at 21:39 Fong-Wan Chau 2,28944 gold badges2626 silver badges4343 bronze badges asked Jun 8, 2012 at 5:56 King KongKing Kong 2,91555 gold badges2929 silver badges3939 bronze badges 2

• 1 you can't write your code inside iframe tag – user1432124 Commented Jun 8, 2012 at 6:00
• @Somebodyisintrouble Please notice JUST A ROUGH EXAMPLE in my question – King Kong Commented Jun 8, 2012 at 6:02

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 8

Your jquery is correct only problem is that that you are doing this when document is ready but at that time iframe is not getting fully loaded therefore div doesn't exist at that time and not triggers click. Change your main page script to

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

try this

ger javascript event from within an iFrame

but look at answer from Gilly

document.myFrameName.myFunction(); 

regards

本文标签： javascriptHow to trigger an iframe event JqueryStack Overflow