插入一个jQuery插件

我想使用jquery tokeninput插件，演示工作正常，但是当我尝试实现它时，我正在打砖墙。镀铬夹头这个我：插入一个jQuery插件

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

下面是我的<head>，Chrome的浏览器资源的摘录显示jQuery和jquery.tokeninput都装载了罚款。没有URL问题。

<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

来源

2013-07-12 wjdp

我真的不知道什么是错的。也许尝试建立一个非常简单的页面，只是实现jQuery和插件？可能有助于确定问题。 – Ariane

你可以告诉我们相关的html – Longball27

道歉，这将是更有用 – wjdp

右键，裸机页面正常工作。再挖了一段时间后，我发现这个埋在页面的基础：

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

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

来源

2013-07-12 02:53:57 wjdp

我不知道你是否已经解决了。但试试这应该工作，如果你的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-12 17:45:29 Kashyap

插入一个jQuery插件

回答

相关问题