php - .load() 中的内容在主页上未激活

Question

我有这些页面:

信息.php

<div id='content'>Foo Bar</div>

ma​​in.php

<div id='main'></div>
<script type="text/javascript">
    $(document).ready(function() {
    $("#main").load("information.php");
    $("#content").click(function() {
        alert("Worked!");
    });
</script>

当我点击<div>时与 id=content ，从 information.php 加载， 什么都没发生。 Chrome的控制台也没有报告任何错误。如果我手动将 information.php 中的 content-div 放入进入我的main.php页面一切正常。为什么我使用 jQuery load 时不起作用？

jQuery 主脚本已加载到 中，并且我在网站上制作的所有其他 jQuery 函数都可以完美运行。当我将另一个页面加载到我的主页中时，加载页面中的 ID 不起作用，或者某种程度不处于事件状态。

Answer 1

当点击处理程序应设置为 ID 为“content”的 div 时，加载方法尚未完成。将完整处理程序作为第二个参数添加到 load-method :

$(document).ready(function() {
    $("#main").load("information.php", function() {
        $("#content").click(function() {
            alert("Worked!");
        });
    });
});

另请参阅此 example .