Javascript 将几个.php文件加载到一个div中

您好，我有这个代码加载php文件到div。它的工作，但我需要加载到这个div的下一个文件

<script type="text/javascript">
    $(function() {
        $("a.load").on("click", function(load) {
            load.preventDefault();
            $("#zaw").hide().load(this.href).fadeToggle(1000);
        });
    });
</script>

<li><a class="load" href="zzz.php">zzz</a></li>

$（函数（）{
$（“a.load”）。在（“单击”）上，函数（load）{
load.preventDefault（）；
$（“#zaw”）.hide（）.load（this.href）.fadeToggle（1000）；
});
});

如果我单击“zzz”链接将文件加载到我的div（带图像的文件表）中，我需要隐藏此页面，然后单击图像加载

更新

正在工作

<script type="text/javascript">
    $(function() {
        $("a.load").on("click", function(load) {
            load.preventDefault();
            $("#zaw").hide().empty().load(this.href).fadeToggle(1000);
        });
    });
</script>

$（函数（）{
$（“a.load”）。在（“单击”）上，函数（load）{
load.preventDefault（）；
$（“#zaw”）.hide（）.empty（）.load（this.href）.fadeToggle（1000）；
});
});

您只需将另一个单击事件绑定到通过

load（）

函数加载的图像（或表体）。但是，您可能会遇到单击不起作用的问题，原因如下：

如果附加两个单击处理程序，一个用于

a.load

，第二个用于

.image

，那么只有第一个事件实际绑定到它的元素，而第二个事件不会被附加，因为，

.image

还不存在，除非加载它

您可以预期，一旦加载php文件内容（其中包含

.image

元素），然后单击它们将触发您声明的操作，但不会-这些

.image

是新的DOM元素，它们错过了一个事件绑定过程，该过程在创建DOM时只执行过一次（或者，如果使用

$（document）.ready（）

，则DOM已准备就绪）

因此，为了让这些单击生效，您需要将它们附加到

load（）

函数回调上，如下所示：

$("a.load").on("click", function(load) {
        load.preventDefault();
        $("#zaw").hide().load(this.href, function(){
            $(".image").on("click", function(e) {
            $("#zaw").hide().load(/* load what you want */);
        });
    })
    .fadeToggle(1000);
});

或者插入

.image

在正在加载的php文件中单击事件绑定，或者使用某种委托，例如：

$(document).on('click', '.image', function(){
    /* do what you want */
});

---

这将确保即使是新的、动态创建的DOM元素也会触发您想要的操作。

需要更多说明单击链接“zzz”将文件“zzz.php”加载到div#zaw（zzz.php内容及其带有图像的表），我需要单击图像卸载“zzz.php”然后加载其他文件，然后你可以给图像一个id，比如希望你明白我的意思？