輸入自動完成初始化

Question

雙擊時有一個div，創建一個輸入並將其初始化為自動完成。 當我第一次雙擊自動完成不起作用時。

但是，當我將注意力集中在div上並再次雙擊同一div時，它會起作用。 當在同一div上第二次雙擊時，自動完成功能起作用。

我如何初始化自動完成功能，以便在我第一次雙擊div時可以使用

HTML:
<td>
<div class = "Edit"/>
</td>


$('.Edit').on('dblclick', function (evt) {
    var $target = $(evt.target),
        $td = $target.parent(),
        $editdiv = $('<div></div>').appendTo($td),
        $input = $('<input/>').appendTo($editdiv);
    $input.autocomplete({
        autoFocus: true,
        minLength: 1,
        source: datasrc,
        select: selectedItem
    });
});

注意：對於源，我使用Json數據

Answer 1

創建動態輸入后

$( ".Edit" ).dblclick(function(evt) {
      var $target = $(evt.target),
       $td = $target.parent(),
       $editdiv = $('<div></div>').appendTo($td),
       $input = $('<input id="someInput"/>').appendTo($editdiv);
});

您可以使用jQuery出現插件 。 當元素滾動到視圖中或以其他方式變為用戶可見時觸發。

 $('#someInput').appear(function() {
     $('#someInput').autocomplete({
          source: someObject,
     });
 });