Javascript 与使用jQuery添加的内容交互

我有一个简单的例子

    <div id="test">add more text</div>

什么也没发生。

---

如何与加载后添加的内容交互？我想。on帮我做了这件事？

你需要将你的点击处理程序应用到文档中

jQuery(document).on('click', '#newtest', function (event) {
    alert('not working?');
});

---

希望这有帮助！：）

您需要将单击处理程序应用于文档

jQuery(document).on('click', '#newtest', function (event) {
    alert('not working?');
});

---

希望这有帮助！：）

将事件放在文档上而不是元素上

jQuery(document).on('click', '#newtest', function (event) {
    alert('not working?');
});

---

将事件放在文档上，而不是放在元素上

jQuery(document).on('click', '#newtest', function (event) {
    alert('not working?');
});

将

.on（）

事件设置为父元素，例如

主体

，并将其委托给newtest

div

jQuery('body').on('click', '#newtest', function (event) {
    alert('Working!');
});

将

.on（）

事件设置为父元素，例如

主体

，并将其委托给newtest

div

jQuery('body').on('click', '#newtest', function (event) {
    alert('Working!');
});

---

之所以需要使用

$（document）.on（）

而不是

$（“#newtest”）.on（）

是因为

#newtest

是您注入DOM的新元素

现在必须对DOM中原来较高的元素使用

.on（）

），以便将事件处理程序附加到新注入的元素

因此：

---

之所以需要使用

$（document）.on（）

而不是

$（“#newtest”）.on（）

是因为

#newtest

是您注入DOM的新元素

现在必须对DOM中原来较高的元素使用

.on（）

），以便将事件处理程序附加到新注入的元素

因此：

---

您是在追加之后还是之前放的？您需要使用事件委派。@Zyga否，live（）在1.7中被弃用，在1.9中被删除。live（）被弃用，并被替换为。on（）您是在追加之后还是之前放的？您需要使用事件委派。@Zyga否，live（）在1.7中被弃用，在1.9中被删除。live（）已弃用，并已替换为。on（）

jQuery(document).on('click', '#newtest', function (event) {
    alert('This will work now');
});