在.load後應用wysiwyg編輯器

Question

我正在通過jQuery AJAX加載表單，並且我正在嘗試將wysiwyg編輯器實現爲textarea。

textarea的加載頁面時，本身是好的，但是當在div #customerForm重新加載（它包含的文本區域）是這樣的：

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

我不能得到它加載。上面的代碼在主頁面中加載了一個單獨的.JS文件，所以我想知道它是否在運行中引用該函數時遇到問題。編輯正在摘自：

https://github.com/akzhan/jwysiwyg

如果任何人有任何更好的jQuery編輯建議我會向他們開放，但是這個人是小而漂亮，我想要的東西。有什麼建議麼？

Answer 1

的.load()功能異步工作（見source of the function，它採用.ajax()內部和async財產defaults to true）。這意味着在加載內容之前執行以下行。嘗試在回調初始化編輯：

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

Answer 2

使用complete callback of load function：

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