0

我正在尝试使用 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 已加载：

Chrome 开发工具，显示 jquery.tokeninput 确实已加载

4

2 回答 2

0

对，简单的页面运行良好。在挖掘了一段时间后，我发现它被埋在页面的底部：

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

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

于 2013-07-12T02:53:57.183 回答
0

我不确定你是否已经解决了。但是，如果您的 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/

于 2013-07-12T17:45:29.027 回答