Question

这是我在使用Bootstrap自定义脚本时经常遇到的问题。

在这种情况下，我使用LineControl文本编辑器： https://github.com/suyati/line-control。我包含了对脚本的引用：

<script src="editor.js"></script>
<link type="text/css" href="editor.css" rel="stylesheet"/>

以及Jquery，Bootstrap和Font-awesome引用。

这些链接都包含在带有保存按钮的Bootstrap模态视图中。

在函数$(function(){中我有：

       var editor = $("#txtEditor").Editor();
       $("#txtEditor").Editor("setText", "Hello")

       $(document).on("click", ".btn-save", function (e) {
           var sHTML = $("#txtEditor").Editor("getText");
           console.log(sHTML);
       });

它加载模态视图，显示编辑器并设置文本，一切正常。当我点击保存按钮时，我收到消息：

$(...).Editor is not a function

我尝试了很多变化，并不断得到它。它似乎无法识别插件的代码。我也把它放在标题中，但没有快乐！

我做错了什么？

Answer 1

尝试在编辑器变量中保存对txtEditor节点的引用，如下所示：

var editor = $("#txtEditor");
editor.Editor();
editor.Editor("setText", "Hello");

$(".btn-save").on("click", function () {
   var sHTML = editor.Editor("getText");
   console.log(sHTML);
});

$（...）。Xxxxxxx不是函数

1 个答案: