这是西门需要的功能，西门目前是通过修改WordPress源文件实现的，但他希望用WordPress函数的钩子来实现，不过今天下午我看了下标签云（标签列表）源代码，木有适合的钩子来改变输出数据（我看了源码后觉得是这样，或许有其它办法），函数只提供了2个钩子，一个是标签类别，一个是整个函数钩子……

不过，在讨论+测试过程中我发现标签云列表本身就有“鼠标悬停显示当前标签的文章数”，所以是可以用 jQuery 来解决的。于是我就用到我博客侧边栏的标签云了，效果如下图：（也可以点击侧边栏的“签”查看效果）

怎么样？很蛋疼吧……

下面是实现方法，当然显示效果不是和我一样，我只是提供简单 jQuery 代码，具体的样式自行写 css

1. 假如你的标签云调用代码如下：

<div class="widget">
    <h3>标签云</h3>
    <div id="tag_cloud"><?php wp_tag_cloud('unit=px&smallest=12&largest=12&number=50'); ?></div>
</div>

1. 然后是 jQuery 代码，当然前提是先挂 jQuery 库

jQuery(document).ready(function($){
    ////////TAG Cloud里面显示“每标签的文章数” by zwwooooo
    $('#tag_cloud a').each(function(){
        var num=$(this).attr('title').split(' ')[0]; //获取标签里面的title值
        num=num.split('个')[0]; //WP3.6的翻译改变需要加上此
        var a=$(this).html()+' <span class="tag_num">('+num+')</span>'; //然后是标签的名插入此标签的文章数
        $(this).html(a); //最后是改变标签名
    });
})

文章数的样式可以通过 tag_num 这个class定义

好吧，很简单，是不？对，就是这么简单，高手忽略吧。

文囧，稍微记录一些碰到的、问到的问题及解决方法也可。

zww

赏

or

oooo

• 本文标题：jQuery实现: 标签云显示每标签的文章数
• 本文链接：https://zww.me/archives/25553
• 发布时间：2011年12月10日 16:32
• 版权声明：除非注明，文章均为 zwwooooo 原创，转载请以链接形式标明本文地址！