javascript - 为动态添加的元素添加监听器

Question

我有一个 javascript/jQuery 页面，我在其中使用 Twitter Bootstrap 的 typeahead。在 javascript 中有两个不同的地方，我可以在其中添加我想预先输入的元素。在不要求主观答案的情况下，我将输入动态注册为预输入的好方法是什么？每次添加它们时都给他们所有不同的 ID 并注册？有什么可以用的魔法.on()吗？

Answer 1

您可以使用jQuery委托来做到这一点。例如：

$("#element-that-will-contain-typeaheads").on("DOMNodeInserted", function () {
    $(this).find(".typeahead").typeahead();
});

Answer 2

最简单的方法，这将适用于typeahead, datepicker etc

首先，您需要了解如何添加要应用的输入元素bootstrap typeahead

添加元素尝试实现如下所示：

 //add this in your add button click handler
 $tinput = $('<input type="text" name="bootstrap" class="typeahead"/>');

 //apply bootstrap typeahead
 $tinput.typeahead();

这样它会起作用，我认为在这里分享会帮助其他人:)