javascript - 動的に挿入された Kendo tabStrip タブがコンテンツ div をロードしない

Question

ドロップダウン リストが選択されたときに作成される tabStrip に追加される「タブの追加」タブを剣道で作成しようとしています。Ajax で読み込まれる初期データは正常に表示されますが、ユーザーが追加したタブは正常に表示されません。

tabStrip 内のそれ自体の前にタブを挿入することになっていますが (そうです)、含まれている Kendo エディターを初期化しようとすると、「未定義」エラーが発生します。エディターが新しいタブと共に作成されません。

ドロップダウン リストを選択すると、次のようになります。

$('#questionEditor').remove();                                                 //Remove and create the question editor tabs
                $('body').append('<div id="questionEditor"></div>');
                $('#questionEditor').kendoTabStrip();

                var tabStrip = $('#questionEditor').data('kendoTabStrip');

                var count = 0;                                                                //Count the amount of tabs
                for (var i = 0 ; i < returndata.questions.length; i++) {
                    var editor = '<div id="questionText' + i + '"></div>';

                    tabStrip.append([{ text: "Question " + (i + 1), content: editor }]);

                    var textEditor = '#questionText' + i;
                    $(textEditor).kendoEditor();
                    $(textEditor).data('kendoEditor').value(returndata.questions[i].QuestionText);

                    count++;
                }

                tabStrip.append([{ text: "Add Question", spriteCssClass: "k-add k-icon" }]);
                var lastChild = tabStrip.tabGroup[0].lastChild;
                $(lastChild).click(function () {                                                                        //New tab
                    var editor = '<div id="questionText' + count + '"></div>';
                    tabStrip.insertBefore([{ text: "Question " + (count + 1), content: editor }], $(lastChild));

                    var textEditor = '#questionText' + count;
                    $(textEditor).kendoEditor();
                    count++;
                });

しかし、新しいタブをクリックしても何も表示されません。jQuery ajax オブジェクト内で動作しない剣道のようなものはありますか?