使用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文件中。