jquery ui自動完成與委託

Question

我已經根據文檔設置了JQuery UI自動完成功能，它適用於任何帶有class =「tag-item」輸入的頁面。然而，用戶可以通過JS將輸入添加到dom中，所以我需要一種方法將自動完成綁定到使用委託創建的新動態輸入。我不知道如何設置這個，任何想法將不勝感激。

謝謝

Answer 1

您可以使用'focusin'事件進行委派來設置您的輸入字段。

See this post

Answer 2

我曾在此一展身手，可就是不能使它工作，這是我的嘗試：

http://jsfiddle.net/uGdm2/

Answer 3

對於它的價值，這就是我最終使用：

$('#some-container').delegate('input.to-autocomplete', 'focus', function(e) { 
    $(this).autocomplete({ 
     source: autocomplete_url 
     /* etc, etc */ 
    }); 
}); 
$('#some-container').delegate('input.to-autocomplete', 'blur', function(e) { 
    var target = $(this); 
    if (target.hasClass('ui-autocomplete-input')) { 
     target.autocomplete('destroy'); 
    } 
}); 

我的希望是，它會減輕負擔上的瀏覽器，因爲我自動填充（可能）幾百個元素然後自動完成結果，否則開始疊加。

Answer 4

對我下面的工作：

$('#autocomplete').on('focusin', 'input', function(){ 
    $(this).autocomplete({ 

    }); 
});