在.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(); 
});