使用Shadowbox jQuery在div中加載PHP頁面時出現問題

Question

我有一個php頁面，稱為page.php。 在此頁面中，我正在使用shadowbox效果在其上打開一個新的php頁面（subpage.php）。 所以我有這樣的事情：

$(document).ready(function() { 
  Shadowbox.init();

  $("#configure").click(function(){
    Shadowbox.open({
      content:    $("#hiddenDiv").html(),
      player:     "html",
      title:      "Hello",
      height:     600,
      width:      840
    });
  });

});

然后在html代碼中，我正在使用：

<div id="hiddenDiv" style="display:none;">
   <?php include 'subpage.php'; ?>
</div>

Shadowbox可以正常運行，我可以在其中看到subpage.php的內容。 問題是，當我使用諸如click（）之類的jQuery代碼時，在subapage.php中它不起作用。 如果我很了解，就好像負載有問題。 可能在加載subpage.php之后，此操作不起作用，類似這樣。

有誰知道可能出什么問題？

提前致謝

Answer 1

這是因為當您執行content:$("#hiddenDiv").html()預加載子頁面的內容放入另一個容器中。 因此，此后，此新容器中的元素將不再綁定。

您可以自動重新綁定他們更換.click(function() {...})為.live('click', function() {...})

Answer 2

多數民眾贊成，因為在子頁面中的點擊未綁定。 一個簡單的解決方法是將點擊綁定到subpage.php文件中。