jquery - Jquery Mixitup プラグインは、ハンドラーが破棄されるのを防ぐのに役立ちます

Question

更新: これはコンソールのエラーです。

キャッチされない例外: Select2 undefined に対してクエリ関数が定義されていません

このコードを使用して、ユーザーが画像にタグを追加できるようにしています。すべて正常に動作します。私が直面している問題は、画像がソートされているときです(mixitup.ioプラグインを使用)。並べ替えの前に、スクリプトは完璧に機能します (ポップアップ、編集、保存、データベースの更新)。ユーザーがいくつかの並べ替えボタンをクリックすると、スクリプトが応答を停止し、ポップアップが起動しなくなります。

以下を見て、問題がどこにあるかを見つけるのを手伝ってください。ありがとう ：）

作業コード:

$('.tags').editable({

    placement: 'top',
    select2: {
        tags: ['cookies', 'pie','cake'],
        tokenSeparators: [","]
    },
    display: function(value) {
        $.each(value,function(i){
           value[i] = "<span class='tagBox'>" + $('<p>' + value[i] + '</p>').text() + "</span>";
        });
        $(this).html(value.join(" "));
    }
});

mixitup.io プラグインがハンドラーを破壊するのを防ぐために、「delegate()」を使用するように指示されています。あらゆる種類の異なるコード/コンボを試しましたが、うまくいきません。これが最後の試みです

$('#content').delegate( ".tags", "click", function() {


$('.tags').editable({

    placement: 'top',
    select2: {
        tags: ['cookies', 'pie','cake'],
        tokenSeparators: [","]
    },
    display: function(value) {
        $.each(value,function(i){
           value[i] = "<span class='tagBox'>" + $('<p>' + value[i] + '</p>').text() + "</span>";
        });
        $(this).html(value.join(" "));
    }
});

});