kendo-ui - 在尚未在 DOM 中的元素上自动完成剑道

Question

我正在尝试在单击按钮时附加到 Dom 的文本框中自动完成剑道。文本框的类是“项目”，在文档准备就绪时，我将自动完成初始化为

$(".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({});
    });
});