2013-11-22 23 views
0

我試圖使用jQuery插件 here生成標籤雲:對象不支持此屬性

創建一個標籤雲,並使用下面的代碼:

<script type="text/javascript" language="javascript"> 

$(document).ready(function() 
{ 
    generateTagCloud(); 

}); 

function generateTagCloud() 
{ 

    $("#xlist").tagcloud(); 
} 

</script> 
<div><!--JQueryTagCloud--> 
<ul id="xlist" class="xmpl"> 
<li><a href="http://del.icio.us/tag/design">design</a> </li> 
<li><a href="http://del.icio.us/tag/blog">blog</a> </li> 
<li><a href="http://del.icio.us/tag/programming">programming</a> </li> 
<li><a href="http://del.icio.us/tag/tools">tools</a> </li> 
<li><a href="http://del.icio.us/tag/music">music</a> </li> 
<li><a href="http://del.icio.us/tag/software">software</a> </li> 
<li><a href="http://del.icio.us/tag/webdesign">webdesign</a> </li> 
<li><a href="http://del.icio.us/tag/web2.0">web2.0</a> </li> 
<li><a href="http://del.icio.us/tag/video">video</a> </li> 
<li><a href="http://del.icio.us/tag/art">art</a> </li> 
<li><a href="http://del.icio.us/tag/reference">reference</a> </li> 
</ul> 

但我得到以下錯誤: Object doesn't support this property or method。所有腳本正在加載。我無法弄清楚爲什麼我得到這個錯誤。

請幫助我!

+0

你有沒有包含在您的編碼jquery.tagcloud.js文件? –

+0

是的,我已包括在內。並且它正在加載 –

回答

0

我在本地實例測試一樣,你需要包括follwing文件到您的代碼,你的榜樣,

來源:https://github.com/mikeal/testbot/tree/master/testbot/static/tagcloud/scripts

<script type="text/javascript" src="jquery.tagcloud.min.js"></script> 
<script type="text/javascript" src="jquery.tinysort.min.js"></script> 
+0

我已經添加了它們 –

+0

它適合你嗎? –

+0

是的,它在我的本地實例中工作。 –

0

只是一個猜測:也許這是不正確焦情況tagcloud();

$("#xlist").tagcloud(); 
$("#xlist").tagCloud(); //correct case 

或使用

$(function(){ 
    generateTagCloud(); 
}); 

代替$(document).ready我想就沒有ready功能

+0

已經嘗試過了..沒有工作 –

+0

你能發佈什麼'console.log($(「#xlist」)。tagcloud);''和'console.log($(document).ready);'在JS控制檯中顯示 – VitaliyG

相關問題