Question

我正在尝试使用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 dev tools, showing jquery.tokeninput has indeed loaded

Answer 1

是的，裸机页面运行正常。经过一段时间的挖掘后，我发现它埋在了页面的底部：

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

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

Answer 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/

插入一个jQuery插件

2 个答案: