我正在通过jquery AJAX加载一个表单,我正在尝试将一个wysiwyg编辑器实现到textarea。
加载页面时textarea本身很好,但是当重新加载div #customerForm(它包含textarea)时,这样:
$("#customerForm").html(loading).load(filename);
$('#noteArea').wysiwyg();
我无法加载它。上面的代码是在主页面中加载的单独.JS文件中,所以我想知道它是否在动态引用该函数时遇到问题。编辑摘自:
https://github.com/akzhan/jwysiwyg
如果有人有任何更好的jquery编辑建议我对他们开放,不过这个很小,很好,我想要的。有什么建议吗?
答案 0 :(得分:1)
.load()
函数异步工作(请参阅source of the function,它在内部使用.ajax()
,async
属性defaults to true
)。这意味着在加载内容之前执行以下行。尝试在回调中初始化编辑器:
$('#customerForm').load(filename, function() {
$('#noteArea').wysiwyg();
});
答案 1 :(得分:0)
使用complete callback of load function:
$("#customerForm").html(loading).load(filename, function(){
$('#noteArea').wysiwyg();
});