jquery - jQuery：ajax保存後にredactorを再バインドします

Question

プロジェクトの1つにRedactorテキストエディタプラグインを使用しています。私はblurイベントを使用しているので、テキストフィールドを終了すると、次のようにテキストが保存されます。

$(".redactor_editor").blur(function(){...});

しかし、ajaxを介して保存し、コンテンツを更新されたコンテンツに置き換えた後：

   ... $('.content').replaceWith(data); ...

すべてのredactorテキストフィールドが機能するわけではありません。

コンテンツを再ロードした後、どうすればredactorテキストフィールドを再バインドできますか？

Answer 1

コンテンツが置き換えられたら、イベントのバインドを解除して再度バインドしてみてください。

$('.content').replaceWith(data);
$(".redactor_editor").unbind().blur(function(){...});

Answer 2

イベントを再バインドする必要はありません。代わりに、次.contentを使用してバインドを親に委任できます。.on()

$('.content').on('blur', '.redactor_editor', function(){...});