无法在Wordpress 3中使用下拉菜单

Question

我为Wordpress开发了一个非常基本的自定义主题，并且试图为我的主要导航实现一个下拉菜单。 我使用CSS和少量的JQuery设置了导航结构。 当我在静态HTML页面中对其进行测试时，它可以正常工作，但是在WP中实现它时，不会显示子菜单。

这是导航的CSS：

#topnav { clear:both ; width:1000px ; height:52px ; margin:auto ; background:url(images/topnav-bg.png) repeat-x ; position:relative ; top:0px ; right:0px ; z-index:9999 }

.jsddm
{   margin: 0;
padding: 0 ;
float:right ;
}

.jsddm li
{   float: left;
list-style: none;
font: 20px Tahoma, Arial;
margin-right:35px ;
margin-bottom:15px }

.jsddm li a
{   display: block;
color: #ffffff;
white-space: nowrap}

.jsddm li a:hover
{color:#6ec7fb}

.jsddm li a:active
{color:#6ec7fb}

li.current_page_item a { color:#6ec7fb }

.jsddm li ul
{   margin: 0;
    margin-top:-1px ;
    position: absolute;
    visibility: hidden;}

.jsddm li ul li
{   float: none;
    display: inline}

.jsddm li ul li a
{   width: auto;
    background: #002D56 ;
    color:#ffffff ;
    font-size:16px ;
    line-height:20px ; 
    padding:5px}

.jsddm li ul li a:hover
{   background: #015098 ;
color:#ffffff }

这是Javascript：

var timeout    = 500;
var closetimer = 0;
var ddmenuitem = 0;

function jsddm_open()
{  jsddm_canceltimer();
   jsddm_close();
   ddmenuitem = $(this).find('ul').css('visibility', 'visible');}

function jsddm_close()
{  if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');}

function jsddm_timer()
{  closetimer = window.setTimeout(jsddm_close, timeout);}

function jsddm_canceltimer()
{  if(closetimer)
   {  window.clearTimeout(closetimer);
      closetimer = null;}}

$(document).ready(function()
{  $('.jsddm > li').bind('mouseover', jsddm_open)
   $('.jsddm > li').bind('mouseout',  jsddm_timer)});

document.onclick = jsddm_close;

该站点（开发中）在这里： http : //s3.mynewsitereview.com/

Answer 1

该功能未执行。 您可以在firebug中看到这一点，主要是因为通过Jquery添加的CSS是内联添加的，并且当您将鼠标悬停时没有任何反应。 问题是选择器。 jsddm是div ，而li不是直系子级。 尝试：

$('.jsddm > ul > li')

我没有尝试过，但是应该是这样。