如何将 jQuery ui 自动完成添加到动态内容？

Question

我在网页中动态创建了一些输入，每个输入都需要一个带有 ajax 请求的自动完成选项。 每个输入都有相同的类。

我为一个输入创建了它，但是当用户创建的其他输入时，自动完成对他们不起作用。

我使用类似下面的东西：

$('.class').autocomplete(options);

如何解决这个问题？

Answer 1

函数 .live() 现已弃用。

var options = {
    source: ["ActionScript", "AppleScript"],
    minLength: 2
};
var selector = 'input.searchInput';
$(document).on('keydown.autocomplete', selector, function() {
    $(this).autocomplete(options);
});

Answer 2

只需在要添加新元素的代码之后的 ajax 代码中添加此代码

$('.newElement').autocomplete(options);

您需要初始化自动完成每个动态添加的元素。