jQuery加载的tinyMCE问题

Question

我的页面上有一个DIV和一个加载按钮，当我点击加载按钮时，jQuery从另一个文件加载一个HTML，这个HTML文件有texteareas并启动tinymce。

前：

<script language="Javascript">
function loadForm() {
    $("#myContent").load("HTMLFile");
}

function goback() {
    $("#myContent").load("Another HTML File Without TINYMCE");
}
</script>

<div id="myContent"></div>
<input type="button" value="Load" onclick="loadForm()"/>

HTMLFILE：

<textarea id="myText" class="tinymce"></textarea>
<input type="button" value="Cancel" onclick="goback()"/>
<script language="Javascript">
$("textarea.tinymce").tinymce({
    // Configurations here
});
</script>

问题：当我点击我的页面上的加载按钮时，tinyMCE正常工作，但在此之后如果我点击取消按钮并再次在加载按钮后，tinyMCE不会加载更多，仅在第一次。

任何提示？

Answer 1

我建议添加load方法的回调函数来初始化tineMCE编辑器。

 function loadForm() {
    $("#myContent").load("HTMLFile", {}, function(){
        $("textarea.tinymce").tinymce({
            // Configurations here
         });

    });
 }

因此HTMLFile不会有任何脚本。