..start..fly..

扫一扫
Guestbook

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

<< 花样年华flash-logoWordpress数据库减容瘦身插件Optimize Database >>

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

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

 archive

于是分析原因,因为本身本站就调用了很多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 格式。

Related Posts

转载原创文章请注明,转载自:SKY..fly..[www.sky.gs]

本文链接: https://www.sky.gs/websites/phpwordpress/wordpress-archives-jquery.html

QR:  WordPress归档页面不能伸缩

765 Responses to “WordPress归档页面不能伸缩”

  1. tiandi says:

    文章页面好像没有撰写时间?还是我没发现?

Leave a Reply

Code (☆)2+4=?


Websites powered by Wordpress6.0 Copyright © 2009-2022 - All Rights Reserved   SKY..fly..  Mobile Theme