jquery - 将 on(keyup) 绑定(bind)到 jQuery 中的动态元素(Twitter Bootstrap + typeahead)

Question

我猜你们中有些人读到这个标题一定皱起了眉头吧？我确信人们每次都会问这个问题，但是，我还没有看到我的特定问题，所以我正在尝试!将事件绑定(bind)到动态创建的元素是我的克星，我就是无法理解它......

好吧，我正在使用 Twitter Boostrap 和 typehead() 插件。我正在使用this trick使其能够与远程数据源一起使用。至此，一切正常。我单击表单中的文本输入并对其进行标记，脚本将加载外部源并出现下拉列表。但我有动态元素创建，你已经想到了，它对它们不起作用。我正在探索 live() 方法，但看看脚本“如何”被触发，我只是不确定如何实现它。

$('#anInputField').typeahead().on('keyup', function(ev){
 // stuff happens
});

每次有一个 keyup 时，脚本都会触发一个 jSON 请求，检查他的东西，并将结果返回给 typehead()，后者执行工作的自动完成部分。那么我该如何让 jQuery 查看初始绑定(bind)后创建的 #aDropdownID 呢？我继续检查是否可以使用 live()，但由于 on() 取代了它......我一无所知!

任何帮助表示赞赏!

Answer 1

要使 on() 能够委托(delegate)，您必须在您知道始终存在的静态元素上调用它，然后传递动态元素，例如:

$('#static-parent').on('keyup', '#aDropdownID', function(ev){
 // stuff happens
});

如果您没有静态父元素，那么您始终可以使用body。