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

私が予測する唯一の問題は、追加する場所を選択するためにクラスを使用すると、kendoAutoComplete1つしか追加できないことです（そうしないと、ネストされたオートコンプリートが作成されてしまいます）。

Answer 2

普段はこのようにしています。

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

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