运行JavaScript和更改元素后jquery函数中的问题

Question

我有两个代码。 第一个用于自动完成，第二个用于向表中添加行。\\在表中，我默认添加了两行。 并且在这种情况下，自动建议功能有效。 但是在运行向表中添加行的JavaScript之后，自动建议的jQuery无法正常工作。 我检查了很多帖子。 我认为问题出在准备功能上。 如何纠正？

代码-1

<script type="text/javascript">
            $(document).ready(function(){
                $("#tag1").autocomplete({
                    source:'getautocomplete.php',
                    minLength:1
                });
            });
    </script> 

代码-2

<script language="javascript">
    var i = 2;
    function changeIt(){
        var myCurrentTable = document.getElementById("foodadd");
        var txt = myCurrentTable.innerHTML;
        i++;
        if(i<=5){
        txt = txt.replace('<tr id="etc_row">', '</tr><tr id="url_row_' + i + '"><td>Food Name </strong></td><td>: </td><td align="right"><input name="tag' + i + '" id="tag'+i+'" type="text" size="40" required="required" /></td><tr id="etc_row">');
        myCurrentTable.innerHTML = txt;
    }}
    </script> 

Answer 1

您应该在类选择器上调用autocomplete()而不是ID。 然后将类autocompleteMe添加到您的原始标记（包含您的带有ID为tag1起始单元格的HTML。请注意，我还将class=autocompleteMe添加到您的changeIt函数中。

$(document).ready(function(){
  $(".autocompleteMe").autocomplete({
    source:'getautocomplete.php',
    minLength:1
  });
});
var i = 2;

function changeIt(){
    var myCurrentTable = document.getElementById("foodadd");
    var txt = myCurrentTable.innerHTML;
    i++;
    if(i<=5){
    txt = txt.replace('<tr id="etc_row">', '</tr><tr id="url_row_' + i + '"><td>Food Name </strong></td><td>: </td><td align="right"><input class="autocompleteMe" name="tag' + i + '" id="tag'+i+'" type="text" size="40" required="required" /></td><tr id="etc_row">');
    myCurrentTable.innerHTML = txt;
}}