WordPress的jQuery的菜单

Question

您好IM在my web site

工作我期待把这个组合导航菜单进入一个jQuery的菜单，因为它不会在Internet Explorer中运行：

正如你所知道wordprees使用嵌套名单其菜单。

困境是我不知道从哪里开始做创建脚本，如果项目悬停例如。

if $(".ul li").hover() then $(.ul ul).show() 

这里是我需要排序菜单列表`

<div id="n" class="nav"> 
    <div class="menu"> 
    <ul> 
    <li class="page_item page-item-5 current_page_item"> 
    <a href="http://www.webcarepreview.co.uk/mandalandscaping/" title="Home">Home 
    </a> 
    </li> 
    <li class="page_item page-item-2"> 
    <a href="http://www.webcarepreview.co.uk/mandalandscaping/about/" title="Our Services">Our Services 
    </a> 
    <ul class='children'> 
     <li class="page_item page-item-16"> 
     <a href="http://www.webcarepreview.co.uk/mandalandscaping/about/maintenance/" title="Maintenance">Maintenance 
     </a> 
     </li> 
     <li class="page_item page-item-125"> 
     <a href="http://www.webcarepreview.co.uk/mandalandscaping/about/nidagravel/" title="Nidagravel">Nidagravel 
     </a> 
     </li> 
     <li class="page_item page-item-213"> 
     <a href="http://www.webcarepreview.co.uk/mandalandscaping/about/timber-tech/" title="Timber Tech">Timber Tech 
     </a> 
     </li> 
    </ul> 
    </li> 
    <li class="page_item page-item-7"> 
    <a href="http://www.webcarepreview.co.uk/mandalandscaping/galleries/" title="Galleries">Galleries 
    </a> 
     <ul class='children'> 
     <li class="page_item page-item-76"> 
     <a href="http://www.webcarepreview.co.uk/mandalandscaping/galleries/garden-1/" title="Garden 1">Garden 1 
     </a> 
     </li> 
     <li class="page_item page-item-104"> 
     <a href="http://www.webcarepreview.co.uk/mandalandscaping/galleries/garden-2/" title="Garden 2">Garden 2 
     </a> 
    </li> 
    <li class="page_item page-item-134"> 
     <a href="http://www.webcarepreview.co.uk/mandalandscaping/galleries/garden-3/" title="Garden 3">Garden 3 
     </a> 
    </li> 
    <li class="page_item page-item-209"> 
     <a href="http://www.webcarepreview.co.uk/mandalandscaping/galleries/decking/" title="Garden 4">Garden 4 
     </a> 
    </li> 
    </ul> 
    </li> 
    <li class="page_item page-item-10"> 
    <a href="http://www.webcarepreview.co.uk/mandalandscaping/watch-video/" title="Project Videos">Project Videos 
    </a> 
    </li> 
    <li class="page_item page-item-8"> 
    <a href="http://www.webcarepreview.co.uk/mandalandscaping/staff-profile/" title="About Us">About Us 
    </a> 
    </li> 
    <li class="page_item page-item-6"> 
    <a href="http://www.webcarepreview.co.uk/mandalandscaping/contact/" title="Contact">Contact 
    </a> 
    </li> 
</ul> 
</div> 
    </div> 
</div> 

有人可以帮助我？ 非常感谢。

Answer 1

也许这段代码可以帮到你。

jQuery(function(){ 

    jQuery("li").hover(function(){ 

     var ul = jQuery(this).parent(); 
     ul.show(); 

    }); 

});