javascript - 如何检测ajax加载内容中选择的变化

Question

我知道 .change() 可用于检测文档上的更改，但这似乎只有在加载时存在 select 元素的情况下才有效。

我有一个页面，通过 ajax 调用大量选择元素，我需要检测每个选择的更改。

有什么想法吗？

Answer 1

执行此操作的两种常用方法是:

1. 在将元素添加到页面后(从 Ajax 成功处理程序中或其他位置)，使用适当的选择器调用 .change()。 p>

2. 设置一个委托(delegate)事件处理程序，附加到页面加载时确实存在的父元素或祖先元素(document，如果没有更近的祖先)。

以下是如何使用 .on() method 创建委托(delegate)处理程序:

$("#idOfAncestorThatExistsOnLoad").on("change", "selectorOfDynamicElements", function() {
     // do something here
});

当更改事件冒泡到祖先元素时，jQuery 会自动测试它是否源于与第二个参数中的选择器匹配的元素，并且仅在匹配时才调用处理函数。