在.load之后应用wysiwyg编辑器

时间:2012-07-19 10:34:18

标签: jquery wysiwyg

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

加载页面时textarea本身很好,但是当重新加载div #customerForm(它包含textarea)时,这样:

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

我无法加载它。上面的代码是在主页面中加载的单独.JS文件中,所以我想知道它是否在动态引用该函数时遇到问题。编辑摘自:

https://github.com/akzhan/jwysiwyg

如果有人有任何更好的jquery编辑建议我对他们开放,不过这个很小,很好,我想要的。有什么建议吗?

2 个答案:

答案 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();
});