使用Tabs的好处是，能在有限的空间里显示更多的资讯。因而其应用也越来越广泛，而在WordPress中最常用在侧栏（Sidebar）。本篇将讨论如何使用jQuery实现Tabs效果，本文基于Justin Tadlock的教学撰写，英文原文请看这里。 1. 将jQuery加入到WordPress 首先我们要把jQuery加入到WordPress，WordPress本身就带有jQuery（在wp-includes\js里面），你可以用以下的程式将其加入，这句程式要放在<head>与</head>之间，通常是在你的主题的header.php文件： <?php wp_enqueue_script(‘jquery’); ?>
今日要讲解使用JQuery实现WordPress多层下拉导航的程式码。 第一行是让WordPress调用JQuery，就不多说了： <?php wp_enqueue_script(‘jquery’); ? > JQuery主程式讲解 然后是JavaScript(JQuery)的主程式： < script type="text/javascript" > $("#topmenu a").removeAttr("title"); jQuery(document).ready(function() { jQuery("#topmenu ul").css({display: "none"}); // Opera Fix jQuery("#topmenu li").hover(function(){ jQuery(this).find(‘ul:first’).css({visibility: "visible",display: "none"}).show(268); },function(){ jQuery(this).find(‘ul:first’).css({visibility: "hidden"}); }); }); < /script >
