“未捕获的 TypeError：$(...).tinymce 不是函数” JQuery ajax 加载错误答案

【问题标题】："Uncaught TypeError: $(...).tinymce is not a function " error on JQuery ajax load“未捕获的 TypeError：$(...).tinymce 不是函数” JQuery ajax 加载错误
【发布时间】：2016-02-18 17:49:23
【问题描述】：

您好，我尝试使用 jQuery 加载 ajax 加载 tinyMce 插件。

我试试这个：

index.php

<body>
<div id="editor"></div>
<div id="button"></div>

<script src="jquery.min.js"></script>
<script>
$(document).ready(function($){
function check()
{
    tinymce.init({ selector:'textarea' });
}

$("#button").click(function(){$("#editor").load("editor.php", function() 
{
    $.getScript('//cdn.tinymce.com/4/tinymce.min.js', function() {
        check();
    });
});
});
</script >
</body>

也在 editor.php 中

 <textarea></textarea>

但我在控制台上收到此错误：

VM1647:2 Uncaught TypeError: $(...).tinymce 不是函数

如何处理这些错误？

【问题讨论】：

加载JQuery库后好像需要加载tinymce.min.js..！
多半是因为没有按时加载需要的js库文件！
我认为 getScript 会这样做！那么如何加载'tinymce.min.js'

标签： javascript ajax tinymce

【解决方案1】：

这是您想要完成的工作代码：

自我测试：

index.php：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>  
<script>
var url = "http://cdn.tinymce.com/4/tinymce.min.js";
$.getScript( url, function() {
  $( "#go" ).click(function() {
    $( "#editor" )
      .load("editor.php");
  });
});
</script>

<button id="go">Load</button>
<div id="editor"></div>

editor.php：

<script>tinymce.init({ selector:'textarea' });</script>
<textarea>Easy! You should check out MoxieManager!</textarea>

【讨论】：

因为它是大型表单的一部分，我想用 ajax 加载它（如果用户需要它）...我希望 index.php 的 html 尺寸更小