jquery - 带有自动生成的文本框的 JQuery 自动完成

Question

我正在尝试将自动完成插件添加到在我的 jquery 代码中生成的文本框中，作为表格的一部分，但我什么也没得到。这是我的代码：

var spool = "<thead><tr><th>Α/Α</th><th>Ονομασία Ύλης</th><th>W/W%</th><th>Κωδ.Ύλης</th><th>Σχόλιο</th><th>Χρήση Συγκεκριμένης Ύλης</th><th>Ορθή Αναλογία</th><th>Ορθή Χρέωση</th><th>Ιδιοκτησία Ύλης</th><th>Προτεινομενος Προμηθευτής</th></thead>";
spool += "<tr><td>1</td><td><input type ='textbox' id = 'ingautotb' style = 'margin-left: -1px;margin-right: -1px;margin-top: -1px;margin-bottom: -1px;border: 0px;'></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>"
var a = ['a','av'];
$('#ingautotb').autocomplete({source:a});

Answer 1

这里的问题是，您正在尝试使用尚未添加到 dom 的输入元素创建自动完成小部件。

尝试

var spool = "<thead><tr><th>Α/Α</th><th>Ονομασία Ύλης</th><th>W/W%</th><th>Κωδ.Ύλης</th><th>Σχόλιο</th><th>Χρήση Συγκεκριμένης Ύλης</th><th>Ορθή Αναλογία</th><th>Ορθή Χρέωση</th><th>Ιδιοκτησία Ύλης</th><th>Προτεινομενος Προμηθευτής</th></thead>";
spool += "<tr><td>1</td><td><input type ='textbox' id = 'ingautotb' style = 'margin-left: -1px;margin-right: -1px;margin-top: -1px;margin-bottom: -1px;border: 0px;'></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>";

//insert spool to dom ex
//$('#mycontainer').append(spool)

var a = ['a','av'];
$('#ingautotb').autocomplete({source:a});