在动态元素上初始化jquery插件

Question

我有这段代码

$(".address-geocomplete").geocomplete({
    country: "US",
    details: ".details",
    detailsAttribute: "data-geo"
});

当元素加载文档时它没有问题但是当使用ajax调用元素时它不起作用。我知道我可以将函数添加到ajax调用，但这是我不想要的。我想写一次这个函数，无论元素是在文档加载还是在ajax中调用，它都可以工作。这可能吗？怎么样？感谢

Answer 1

使用MutationObserver。您可以使用它来检测DOM的添加内容。观察添加子元素的元素，使用class address-geocomplete过滤掉新的子元素，并在其上运行jQuery代码。

MutationObserver不适用于旧的IE版本（10及更早版本）。