Question

我有下面显示的addBanner（）函数，每次单击addBanner按钮时都会调用该函数。这会添加一个输入字段并触发ausu auto-suggestion jquery script。

当我点击addBanner（）按钮时，我得到一个输入字段，自动建议工作正常。假设我再次单击addBanner（）按钮，它会添加另一个空的输入字段，并且自动建议也可正常工作，因为每次单击addBanner函数时都会触发自动建议功能。但是，如果我想编辑我添加的第一个输入字段存在冲突。请告诉我如何将控件恢复到第一个输入字段。

var bnrc = 1;
var bnrl = 5;
function addBanner(divName){
     if (bnrc == bnrl)  {
          alert("You have reached the limit of adding " + bnrc + " Banner companies.");
     }
     else {
          var newdiv = document.createElement('div');
            newdiv.className = "banner_sugg";
          newdiv.innerHTML = (bnrc + 1) + ". <input type='text' value='' name='banner[]' id='banner" + (bnrc + 1) + "' autocomplete='off' /> <input type='hidden' value='' name='bannerID[]' id='bannerID" + (bnrc + 1) + "' autocomplete='off' />";
          document.getElementById(divName).appendChild(newdiv);
          bnrc++;
     }

    $.fn.autosugguest({  
           className: 'banner_sugg',
          methodType: 'POST',
            minChars: 1,
              rtnIDs: true,
            dataFile: 'e_data.php'
    });
}

Answer 1

你故意拼错了吗？我正在下面正确拼写，所以你可能需要改变它。

您每次添加新项目时都会（重新）调用$ .fn.autosuggest（{}），这可能会破坏之前的项目。

尝试：

$(newDiv).autosuggest({})

因此它只为新div添加了自动提示功能。您应该将上面的代码移动到您创建newDiv的部分，因为它甚至在出错时被调用。

点击即可启动功能

1 个答案: