使用JQuery时TinyMCE无法加载

时间:2010-02-01 14:07:11

标签: jquery tinymce

我正在忙于一个有主页面的项目,在该主页面上有一个标签,每次我点击一个标签页,它会将页面加载到带有ID内容的div标签中。

我正在加载到div标签中的一个页面包含一个textarea,我需要在其中使用TinyMCE。

我正在使用JQuery

以下列方式将页面加载到div中
$('#content').load('step4.php');

有趣的是,当我在浏览器窗口中不使用JQuery打开step4.php时TinyMCE正常工作,只要我通过加载jquery方法加载它,它就不起作用,我只看到文本框。

在顶部op step4.php我有以下代码。

<script type="text/javascript" src="tinymce/jscripts/tiny_mce/tiny_mce.js"></script>

<script type="text/javascript">

tinyMCE.init({

    theme : "advanced",

    mode : "textareas",

    plugins : "fullpage",

    theme_advanced_buttons3_add : "fullpage"

  }); 

</script>

2 个答案:

答案 0 :(得分:3)

这种情况会发生在每个浏览器中还是只发生在Safari中? (见jQuery .load() call doesn't execute javascript in loaded html file

也许这是一个计时问题(init在js文件加载完成之前运行) 您可以尝试在$ .load回调中运行init,例如

 $('#content').load('step4.php', function() {
      tinyMCE.init({ 
        theme : "advanced", 
        mode : "textareas", 
        plugins : "fullpage", 
        theme_advanced_buttons3_add : "fullpage" 
      });  
    });

答案 1 :(得分:0)

这不像路径那样疯狂吗?作为调试问题的第一步,我会尝试这个:

当您通过jQuery加载step4.php时,使用Firebug(或类似的)来确定tiny_mce.js文件是否实际上已加载。 jQuery和TinyMCE一起玩得很好(有even a plugin for jQuery用编辑器做一些奇特的东西),所以我怀疑在这根本就有一个简单的解释。

另一件事:这是发生在所有浏览器中,还是只发生在WebKit上(例如)?