綁定到iframe中的內容控制

基本上，我有2個php頁面，這是a.php和b.php。我想要實現的是將一個jquery函數綁定到b.php的內容中。綁定到iframe中的內容控制

jquery函數將用於觸發a.php中的彈出窗口。但是，我無法得到它的工作。有人知道我做了什麼錯誤嗎？

a.php只會

<html> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
     <title></title> 
     <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
     <script src="http://code.jquery.com/jquery-2.0.3.min.js"></script> 
     <script> 
     $(function() { 
     var abc = function(){ 
     alert(""); 
     } 
     $("iframe").contents().find("a.toggle").click(abc); 
     }); 
     </script> 
     <meta http-equiv="cache-control" content="no-cache"> 
     <meta http-equiv="pragma" content="no-cache"> 
    </head> 
    <body> 
     <form method="post" action=""> 
     <div class="container" id=""> 
      <div class="resize main" id="" style="height: 600px;"> 
       <iframe id="" frameborder="0" scrolling="no" src="b.php" style="width: 1022px; border: none; height: 600px;"> 
       </iframe> 
      </div> 
     </div> 
     </form> 
    </body> 
</html>

b.php

<html> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
     <title></title> 
     <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
     <meta http-equiv="cache-control" content="no-cache"> 
     <meta http-equiv="pragma" content="no-cache"> 
    </head> 
    <body> 
     <form method="post" action="b.php"> 
     <div class="titlewrap"> 
      <div id="" class="pagetitle"> 
       <a class="toggle" href="#"><span class="icon slider-close">aa</span></a> 
      </div> 
     </div> 
     </form> 
    </body> 
</html>

來源

2013-10-15 SƲmmēr Aƥ

看看這個：http://stackoverflow.com/questions/1655862/attach-click-handler-even-on-element-inside-iframe-with -jquery。另外你的問題與PHP無關。 –

我相信這是因爲iframe中加載之前正在執行的JavaScript函數。如果更改

$("iframe").contents().find("a.toggle").click(abc);

到

setTimeout(function(){ $("iframe").contents().find("a.toggle").click(abc); }, 2000);

那麼你的代碼工作。

因此，要解決您的問題，我會建議將綁定函數移動到b.php並在document.ready事件觸發時調用它。

b.php

<html> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
     <title></title> 
     <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
     <meta http-equiv="cache-control" content="no-cache"> 
     <meta http-equiv="pragma" content="no-cache"> 
     <script src="http://code.jquery.com/jquery-2.0.3.min.js"></script> 
     <script> 
     $(document).ready(
     function() 
     { 
      var abc = function(){ 
      alert(""); 
      } 
      $('.toggle').on('click', abc); 
     } 
     ); 
     </script> 
    </head> 
    <body> 
     <form method="post" action="b.php"> 
     <div class="titlewrap"> 
      <div id="" class="pagetitle"> 
       <a class="toggle" href="#"><span class="icon slider-close">aa</span></a> 
      </div> 
     </div> 
     </form> 
    </body> 
</html>

來源

2013-10-15 15:47:46

綁定到iframe中的內容控制

回答

相關問題