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

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

Answer 1

当click-handler应设置为div且id为'content'时，load-method尚未完成。将完整处理程序作为第二个参数添加到load-method：

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

另见example。

来自.load（）的内容在主页面上无效

1 个答案: