调用一定数量点点热门标签

2012.08.26 分享 3465 人浏览 留言

话说做了“记忆碎片”这个点点模板之后,发现有一个小问题,就是在底部调用标签的时候,如果调用的标签数目太多了,那么就会使页面超出,造成页面排版错误,影响视觉效果,所以老是在找相关的资料设法只调用其中的一定数量标签,才不会导致导出的标签数目超出。

一开始在点点模板中心就是没找到这个调用标签个数的函数,只找到了这个

{?tags}
<ul class="wp-tag-cloud">
{?loop:tags}
<a href="{$tag.url}"{?tags@current} class="current"{/tags@current}>{$tag.name}</a>
{/loop:tags}
</ul>
{/tags}

这个就只能调用所有标签啦,显然是不行的,所以就在想,算了 以后如果标签超出的话,就用css把他隐藏了吧(囧...)

今天在开发者分享模板中终于找到了这个调用方法,原文见http://snippet.relex.me/post/2012-08-03/40031996645

即用以下调用方法即可

{?tags}
<ul class="wp-tag-cloud">
<script type="server/javascript">
var tagtpl = '<li style=" float: left;"><a href="<%=tag.url%>" title="<%=tag.name%> (<%=tag.count%>)"><%=tag.name%></a></li>'; require('dd://assets/2012/0727/121927i9T6/tags.coffee').tags({template:tagtpl,num:20});
</script>
</ul>
{/tags}

在这里我调用了20个,即num:20中的20,这样就可以满足我们的需要啦!!

文章地址:http://huilang.me/dd-tag/

回复本文

电子邮件地址不会被公开。 必填项已用*标注

icon_wink.gif icon_neutral.gif icon_mad.gif icon_twisted.gif icon_smile.gif icon_eek.gif icon_sad.gif icon_rolleyes.gif icon_razz.gif icon_redface.gif icon_surprised.gif icon_mrgreen.gif icon_lol.gif icon_idea.gif icon_biggrin.gif icon_evil.gif icon_cry.gif icon_cool.gif icon_arrow.gif icon_confused.gif icon_question.gif icon_exclaim.gif