插入一個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插件

回答

相關問題