在尚未在DOM中的元素上自动完成kendo自动完成

Question

我试图在一个刚刚附加到Dom上的文本框上自动完成一个kendo 按一下按钮。文本框的类是“items”，在文档就绪中我初始化自动完成为

$(".items").kendoAutoComplete({})

Answer 1

它应该有用！

让我们有以下HTML

<a id="button" class="k-button" href="#">Add</a>
<div id="here"></div>

这是Javascript

$("#button").on("click", function() {
    $("<div class='items'></div>").appendTo($("#here"));
    $(".items").kendoAutoComplete({});
})

我预见到的唯一问题是使用类来选择添加kendoAutoComplete的位置，然后您只能添加一个（否则您最终会嵌套自动填充）。

Answer 2

我通常这样做。

$("#ButtonSelector").on('click', function() {
    $("<input class='items' />").appendTo($("#Selector"));

    $(".items", this.element).each(function () {
        $(this).kendoAutoComplete({});
    });
});