来自.load()的内容在主页面上无效

Question

我有这些页面:

information.php文件

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

main.php

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

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

jQuery主脚本加载在我在网站上完成的所有其他jQuery函数中.当我将另一个页面加载到我的主页面时,加载页面中的ID不起作用,或者某些行不活动.

Answer 1

当click-handler应设置为divid为'content' 时,load-method尚未完成.将complete-handler作为第二个参数添加到load-method:

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

另请参见此示例.