Question

我有一页设计

我将所有内容“页面”放在不同的div中，然后用jquery

隐藏所有内容

单击菜单项时，使用html（）

切换页面持有者的内容

但我不能在页面上使用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

活动授权：

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

    e.preventDefault();

    console.log("test");

});

Answer 2

您需要将事件处理程序附加到动态加载的页面元素。你会发现jquery的.on函数很适合这个。

以下是您需要知道的关于如何使用它的所有内容：