javascript - 在导入的页面行上运行母版页脚本

Question

我使用这样的链接将一些 php 导入到 div block 中

<a class="ajax-link" href="login.php">Login/Register</a>

和这样的脚本(使用 jquery load 来填充 div block )。

$(function() {
    $("a.ajax-link").on("click", function(e) {
        e.preventDefault();
        $("#body-element").load(this.href);
    });
});

现在假设运行 php 部分后加载的 php 文件还包含一个带有“ajax-link”类的链接，我也希望该链接能够更改该 div block 的内容

<?php 
...
?>
<a class="ajax-link" href="view.php">View content</a>

但它似乎完全忽略了它并打开了一个新页面，而不是在其上运行上述函数。

所以基本上...我如何在页面的导入部分上运行该脚本？

Answer 1

这就是事件委托(delegate)派上用场的地方。

$(document.body).on("click", "a.ajax-link", function(e) {
    // ... 
});