在.load之后应用wysiwyg编辑器

Question

我正在通过jquery AJAX加载一个表单，我正在尝试将一个wysiwyg编辑器实现到textarea。

加载页面时textarea本身很好，但是当重新加载div #customerForm（它包含textarea）时，这样：

$("#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();
});