運行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;
}}