Question

我有3个PHP文件，index.php，pro.php和js.js。这是index.php：

<html>
<head>
<title>Tracking HTML File</title>
<script type="text/javascript" src="js/jquery.js"></script>
</head>
<body>
<div id="aaa">aaa</div>
<div id="bbb"></div>
</body>
</html>

这是pro.php文件：

<div id="ccc">ccc</div>
<div id="zzz"></div>

这是js.js文件：

$(document).ready(function() {
    $('#aaa').click(function() {
        $('#bbb').load('pro.php');
    })
    $('#ccc').click(function() {
        $('#zzz').load('ather_file.php');
    })
})

我想要的是当我点击ccc时，名称为ather_file.php的文件必须加载到zzz div，但我不知道如何做这样的事情，我在两个文件中包含了js文件，但是我没有成功。

Answer 1

这是因为你在dom准备就绪后添加元素，你应该改变：

$('#ccc').click(function() {})

为：

$(document).on('click', '#ccc', function() {})

即使在dom准备好之后，这也将动态地委托事件。并且应该允许你只有顶级的js文件

Answer 2

这是工作示例

<html>
<head>
    <title></title>
    <script src="jquery.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#aaa').click(function () {
                $('#bbb').load('pro.html', null, function () {
                    $('#ccc').click(function () {
                        $('#zzz').load('ather_file.html');
                    })
                });
            })
        });
    </script>
</head>
<body>

    <div id="aaa">aaa</div>
    <div id="bbb"></div>

</body>
</html>

当你不在DOM中时，你尝试将点击分配给'ccc'的主要问题

在使用jquery加载的文件中执行jquery函数

2 个答案: