使用JQuery时TinyMCE无法加载

我正在忙于一个有主页的项目,该主页上有一个选项卡,每次我单击一个选项卡时,它会将页面加载到具有ID内容的div标签中.

我正在加载到div标签中的页面之一包含一个textarea,我需要在其中工作TinyMCE.

我使用JQuery通过以下方式将页面加载到div中

$('#content').load('step4.PHP');

有趣的是,当我在浏览器窗口中不使用JQuery的情况下打开step4.PHP时,TinyMCE可以正常工作,只要通过load 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>

最佳答案

这是在每个浏览器中还是在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",theme_advanced_buttons3_add : "fullpage" 
      });  
    });

原文地址：https://www.jb51.cc/jquery/530966.html