jquery - 无法为带有文本字段的 JQuery 生成的行绑定 twitter bootstrap typeahead

Question

我有一个单行表，行在其第一个单元格中有一个文本字段，并且在单独的 js 文件中绑定到 twitter bootstrap typeahead 的文本字段。但是用户可以使用添加按钮创建行，并且克隆第一行以创建其他行。现在我希望预先输入在这些克隆的文本字段中工作得很好，但它没有，并且控制台中没有显示错误。克隆的文本字段与原始文本字段具有相同的 id 和名称。知道为什么会这样吗？以及如何处理它的任何建议？

Answer 1

我猜想.typeahead()没有在动态创建/克隆的行上启动。您可以在添加行时触发事件并使用 jquery .on() 附加预输入...

$('#btnAddRow').click(function(){
    var newRow = $('<div class="row"><input type="text" placeholder="Start typing.." class="typeahead" data-items="3"></div>');
    newRow.insertBefore('#addRow');
    $('.typeahead').trigger('added');

});

$('.typeahead').on('added',function(){
    $('.typeahead').typeahead(typeaheadSettings);
});

这是一个工作示例