Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何在活动元素上使用typeahead?_Jquery_Typeahead.js - Fatal编程技术网

Jquery 如何在活动元素上使用typeahead?

Jquery 如何在活动元素上使用typeahead?,jquery,typeahead.js,Jquery,Typeahead.js,使用 通常您会像$element.typeahead{…}一样使用它,但如何在活动元素上使用它呢 $(parent).on('typeahead', element, function() { ??? }); 我通过创建一个将typeahead附加到元素的函数来解决这个问题。然后我在pageload和添加新元素后使用了这个函数 function addTypeaheadToInput(input) { $(input).typeahead(...); } 在pageload上运行此命

使用

通常您会像$element.typeahead{…}一样使用它,但如何在活动元素上使用它呢

$(parent).on('typeahead', element, function() { ??? });

我通过创建一个将typeahead附加到元素的函数来解决这个问题。然后我在pageload和添加新元素后使用了这个函数

function addTypeaheadToInput(input) {
    $(input).typeahead(...);
}
在pageload上运行此命令:

var inputs = form.querySelectorAll('[name*="[search]"]');
for (var i = 0; i < inputs.length; ++i) {
    addTypeaheadToInput(inputs[i]);
}
检查这里http://stackoverflow.com/questions/11037322/twitter-bootstrap-typeahead-unable-to-add-to-dynamically-created-element
form.querySelector('#add_new_row').onclick = function() {
    var tr = newrow(); // A function to create a new table row containing our input element.

    addTypeaheadToInput(tr.querySelector('[name*="[search]"]'));
}