javascript - 在 DOM 上动态创建的元素上触发事件，这可能吗？

Question

我正在使用 jQuery 自动完成库，并将该行为应用于带有类 typeahead 的任何输入。这适用于页面加载时 DOM 上的任何元素。我通过使用 append 或 clone 或任何其他 jQuery/Javascript 函数向 DOM 添加一些 HTML 来动态创建一些元素，并且所有这些元素也都具有该类typeahead 但此新元素不会触发行为。我如何做到这一点？我也需要触发这个新元素的行为，如何？有什么建议吗？

这是触发autocomplete事件的代码:

$('#products_forms .typeahead').autocomplete({
    serviceUrl: Routing.generate('get_products'),
    paramName: 'filter',
    showNoSuggestionNotice: true,
    noSuggestionNotice: 'Nothing found',
    minChars: 3,
    onSelect: function(suggestion) {
        alert('You selected: ' + suggestion.value + ', ' + suggestion.data);
    }
});

Answer 1

添加项目后调用typeahead函数，例如:

var elem = $("<div id='new'></div>");
$("#someContainer").append(elem);
$("#new").autocomplete({});