SKY..fly..

Home / PHP & Wordpress / WordPress归档页面不能伸缩

WordPress归档功能对于几乎所有的Wordpress站来说都是非常重要的一个功能，所以之前本站曾经建立过Archive页面，并也通过非插件实现了该功能，但是现在Wordpress升级到了3.1.5后，之前的归档页面不能打开了。

在网上搜索到了ZWWoOoOo的方法是不错的，但是在测试的过程中始终有个问题，就是最后出来的结果是归档页面不能伸缩，呈现完全展开的状态，这当然不适我想要的结果：

于是分析原因，因为本身本站就调用了很多jquery效果，于是讲原文章中放置于header.php的 <?php wp_head(); ?>，在其下面加上的<script type=”text/javascript”>下面这段jQuery代码</script>：

. jQuery 效果代码

jQuery(document).ready(function($){
 //===================================存档页面 jQ伸缩
     (function(){
         $('#al_expand_collapse,#archives span.al_mon').css({cursor:"s-resize"});
         $('#archives span.al_mon').each(function(){
             var num=$(this).next().children('li').size();
             var text=$(this).text();
             $(this).html(text+'<em> ( '+num+' 篇文章 )</em>');
         });
         var $al_post_list=$('#archives ul.al_post_list'),
             $al_post_list_f=$('#archives ul.al_post_list:first');
         $al_post_list.hide(1,function(){
             $al_post_list_f.show();
         });
         $('#archives span.al_mon').click(function(){
             $(this).next().slideToggle(400);
             return false;
         });
         $('#al_expand_collapse').toggle(function(){
             $al_post_list.show();
         },function(){
             $al_post_list.hide();
         });
     })();
 });

把这段jQuery代码不放置于head.php中，而直接放置于创建的archives.php文件的<?php get_header()?>后边，这样刷新以后效果就出来了。

PS：随着自己的Wordpress网站越来越丰富，难免会有jquery的冲突，当然了，还有一种导致Wordpress归档页面不能伸缩的原因就是一定要记住要把调用到functions.php的文件转换为 UTF8 无 BOM 格式。