插入一个 jQuery 插件答案

【问题标题】：Plugging in a jQuery plugin插入一个 jQuery 插件
【发布时间】：2013-07-12 02:39:16
【问题描述】：

我正在尝试使用 jquery tokeninput 插件，演示工作正常，但是当我尝试实现它时，我遇到了障碍。 Chrome 对我嗤之以鼻：

Uncaught TypeError: Object [object Object] has no method 'tokenInput'

下面是我的<head> 的摘录，chrome 的资源浏览器显示 jQuery 和 jquery.tokeninput 都加载得很好。没有网址问题。

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript" src="/media/js/jquery.tokeninput.js"></script>

<script type="text/javascript">
$(document).ready(function () {
    $("#token").tokenInput("/members/api/members/tokeninput_members/?format=json");
});
</script>

并显示 tokeninput 已加载：

【问题讨论】：

我真的不明白出了什么问题。也许尝试建立一个非常简单的页面，除了实现 jQuery 和插件之外什么都不做？可能有助于确定问题。
能否给我们看一下相关的html
抱歉，这样会更有用
检查网络选项卡以查看jquery.tokeninput.js文件是否已下载

标签： javascript jquery html jquery-tokeninput

【解决方案1】：

正确，简单的页面运行良好。在挖掘了一段时间后，我发现这个隐藏在页面底部：

<script src="http://code.jquery.com/jquery.js"></script>

加载多个版本的 jQuery 似乎不是一件好事。

【讨论】：

【解决方案2】：

我不确定你是否已经解决了。但是如果你的 jquery 库包含顺序是正确的（看起来是正确的），试试这个它应该可以工作，同时删除 jquery.min.js、jquery.js 之一。

那就试试这个

<script type="text/javascript">
// Any valid variable name is fine.
var j = jQuery.noConflict();

j(document).ready(function () {
    j("#token").tokenInput("/members/api/members/tokeninput_members/?format=json");
});
</script>

查看此内容以了解您可能需要此内容的原因。
http://api.jquery.com/jQuery.noConflict/

【讨论】：