jquery - .loadの後にwysiwygエディターを適用する

Question

jquery AJAXを介してフォームをロードしており、テキストエリアにwysiwygエディターを実装しようとしています。

ページをロードするときはtextarea自体は問題ありませんが、div #customerFormが再ロードされると（textareaが含まれます）、次のようになります。

$("#customerForm").html(loading).load(filename);
$('#noteArea').wysiwyg();

読み込めません。上記のコードはメインページにロードされた別の.JSファイルにあるので、その場で関数を参照するのに問題があるのではないかと思います。エディターは以下から取得されました：

誰かが私が彼らにオープンであると提案するより良いjqueryエディターを持っているなら、しかしこれは小さくて素敵で、私が欲しかったものです。助言がありますか？

score 1 · Accepted Answer

.load()関数は非同期で動作します（関数のソースを参照してください。内部.ajax()で使用され、asyncプロパティのデフォルトはtrue）です。これは、コンテンツがロードされる前に次の行が実行されることを意味します。コールバックでエディターを初期化してみてください。

$('#customerForm').load(filename, function() {
  $('#noteArea').wysiwyg();
});

score 0 · Accepted Answer

$("#customerForm").html(loading).load(filename, function(){
$('#noteArea').wysiwyg();
});

2 に答える 2