Kendo ui 在DOM中尚未包含的元素上获取剑道自动完成

我正在尝试在一个文本框上自动完成剑道，该文本框刚刚附加到上的Dom中 点击按钮。文本框的类是“items”，在documentready中，我将autocomplete初始化为

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

它应该有用

让我们看看下面的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({});
})

$（“#按钮”）。在（“单击”，函数（）{
$（“”）。附件（$（“#此处”）；
$（“.items”）.kendoAutoComplete（{}）；
})

---

我预见到的唯一问题是，使用一个类来选择在何处添加

kendoAutoComplete

，那么您只能添加一个（否则将导致嵌套的自动完成）。

我通常这样做

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

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

$（“#按钮选择器”）。在（'click'，function（）上{
$（“”）。附加到（$（“#选择器”）；
$（“.items”，this.element）。每个（函数（）{
$（this.kendoAutoComplete（{}）；
});
});