加载页面两次或更多次时,无法正常工作

时间:2014-12-09 09:49:35

标签: javascript jquery tinymce

当我在相同或其他div中加载页面预览时,tinyMCE编辑器不再工作

使用这样的代码:

$('#div1').load('page_url', function(){
        tinymce.init({
            selector: "#my_div_ID",
            inline: true,
            toolbar1: "undo redo | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent",
            mode : "textareas",
            element_format : "html",
            plugins: "autolink link",
            menubar: false
        });
    });
另一个几乎是相同的:

$('#div2').load('page_url', function(){
        tinymce.init({
            selector: "#my_div_ID",
            inline: true,
            toolbar1: "undo redo | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent",
            mode : "textareas",
            element_format : "html",
            plugins: "autolink link",
            menubar: false
        });
    });

我的负载很少,取决于页面中其他元素的点击次数。 是否有可能,如果是 - 如何在每次加载时使用?

P.S。我试图在加载之前用#{1}}清空#div1和#div2但仍然没有结果。

另外我#my_div_ID总是一样的,我无法改变它..

1 个答案:

答案 0 :(得分:0)

我找到了自己的解决方案:  在加载页面之前,我将删除tinyMCE并清空#div1div2,如下所示:

tinymce.remove("#my_div_ID");
$('#div1, #div2').empty();

然后才加载页面。