javascript - 用于使用 jquery 添加的内容中的链接的函数

Question

我有一页设计

我将所有内容“页面”放在单独的 div 中，然后用 jquery 隐藏它们

单击菜单项时，使用 html() 切换 pageholder 的内部内容

但我无法在页面上使用 click() 或 on("click") ..因为它是动态添加的并且具有不同的范围？

假设我有这样的东西:

$("#menu #somepagebutton").click(function(e) {
e.preventDefault();
$("#pageholder").hide().html($("#somepage").html()).fadeIn();;
});

div 内有一些 id 为“somepage”的链接

然后使用这个，不起作用:

$("#pageholder a").click(function(e) {
    e.preventDefault();
    console.log("test");
});

它根本没有被解雇

如何调整它，使其也适用于 jquery 添加的内容？

Answer 1

事件委托(delegate):

$("#pageholder").on("click", "a", function(e) {

    e.preventDefault();

    console.log("test");

});