jQueryのUIのオートコンプリートは、AJAXロードされたフォーム

Question

で作業されていない、これは私のコードであり、私はオートコンプリートフィールド

jQuery(function() { 
    jQuery(".product-category").on('keydown.autocomplete', { 
     source: '' 
    }); 
}); 

を実装するjQueryのUIを使用していますが、jQueryのUIのオートコンプリートが動的に生成されたテキストフィールドのために働いていません。

Answer 1

解決策は、DOM変更/フォームがajaxリクエストからロードされた後にjQuery関数をリロードすることです。 jQueryは、実行時に現在ロードされているDOMのみを検出します。

Answer 2

動的に生成された入力要素にオートコンプリートを実装できます。

var selector = 'input.searchInput'; 
$(document).on('keydown.autocomplete', selector, function() { 
    $(this).autocomplete(options); 
}); 

デモ：https://jsfiddle.net/waw2vhb7/