jQuery UI自動完成功能不適用於Ajax加載的表單

Question

這是我的代碼，我正在使用jQuery UI來實現自動完成字段

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

但jQuery UI自動完成功能不適用於動態生成的文本字段。

Answer 1

您可以像這樣對動態生成的輸入元素實現自動完成。

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

演示： https : //jsfiddle.net/waw2vhb7/

Answer 2

解決方案是從ajax請求加載完DOM更改/表單后，重新加載jQuery函數。 jQuery僅在運行時檢測到當前正在加載的DOM。