Javascript 标记编辑器-$（…）.jsonTagEditor不是函数

我只是尝试实现创建标记编辑器的方法。 我想在一个更大的laravel项目中实现它。因此，我包括了jQuery，以及json标记编辑器中的js和css文件。这一切都很好，我在“网络”选项卡下找到了

现在我有：

输入元素：

<input id="keywords" class="form-control" name="keywords"
                                           autofocus></div>

但是我有一个错误，说

未捕获类型错误：$（…）。jsonTagEditor不是函数

正如我所说的，文件已加载，正如我在“网络”选项卡中看到的那样

你知道问题出在哪里吗

再次澄清一下，我使用的是laravel，所以这些文件都包含在主布局文件中，我试图在扩展此主模板的文档中使用它。但不应该改变任何事情，因为我已经在使用其他一些插件，可以很好地工作

有什么想法吗？
您缺少
文档
，为了确保元素可以访问，请将脚本放在结尾的
'
标记之前，以便它首先加载页面内容

$(document).ready(function(){          
    $('#keywords').jsonTagEditor();
});

你忘了写文件了

而不是这个

$().ready(function(){});

用这个

$(document).ready( () => {});

=>
表示您使用的是最新的JS标准

或者您可以在聊天室中讨论后使用
，问题是怀疑jQuery的重新导入和重新初始化。Laravel框架通过
require（）
导入了自己的jQuery，这是在导入相关插件之后发生的

将插件导入移动到
的末尾可以解决这一问题，但除此之外，插件（在撰写本文时）有一个bug，必须使用传入的空对象（或者可能是任何其他值）进行初始化：

要么没有包含插件，要么两次加载jQuery，第二次加载覆盖了plugin@epascarello什么是upi？另外，我如何将它包括在jQuery之外的
jsonTagEditor
东西中；这是某种附加组件。@Pointy是的，这就是为什么我包含了伊托克的js和css文件，很明显有些地方出了问题。从你在这里发布的内容来看，不可能准确地说出那是什么。没有必要有
文档
。好的
$（）。ready（function（）
是错误的，如果他想使用速记方法，应该是
$（function（）{…
）。不，
$（）。ready（）
很好。
$（）
总是返回一个jQuery对象，
.ready（）
方法总是做同样的事情。但是我同意简单的
$（函数（）…）
会更好。
$(document).ready( () => {});

$("#keywords").jsonTagEditor({});