Question

我正在尝试使用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。正在加载所有脚本。我无法弄清楚为什么我会收到此错误。

请帮助我!!

Answer 1

我在本地实例中测试过相同的内容，您需要在代码中包含以下文件。

来源：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>

Answer 2

只是一个猜测：也许这是tagcloud();

中不正确的字符大小写

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

或使用

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

而不是$(document).ready我想可能没有ready函数

生成标记云：对象不支持此属性

2 个答案: