如何绑定新添加的元素而不会发生单击，焦点等事件？

Question

例如，如果我想将datepicker绑定到新添加的元素。 我可以简单地做到这一点

$('body').on('focus', '.datepicker', function(){
    $(this).datepicker();
});​

但是，如果我不想使用焦点，我只想在加载时将每个元素与.datepicker类绑定。 这可能吗？

Answer 1

动态添加元素之后，运行代码以将没有日期选择器的所有元素转换为具有日期选择器的元素。 jQuery的.hasDatepicker初始化时会添加.hasDatepicker类，因此：

// After adding elements
$(".datepicker:not(.hasDatepicker)").datepicker();

如果您真的想对其进行自动化处理（也许您无法控制添加元素的代码），则可以在现代浏览器上使用MutationObserver （并在非现代浏览器上进行轮询；每50毫秒重复一次以上操作）在页面上增加任何重大开销）。