使用jQuery / WordPress鼠标输出菜单后消失

时间:2011-10-03 21:13:21

标签: jquery

我在wordpress中更改了jQuery菜单的脚本,一切正常,但是鼠标输出后菜单项没有自行删除。 它仍然在另一个选定的菜单项上。我的问题是 - 如果有人可以帮助你在这个菜单上添加鼠标效果吗? 这是代码

jQuery(document).ready(function(){

jQuery("#nav ul.sub-menu").hide();

jQuery('li:has(ul.sub-menu)').children('a').click(function (e) {
    e.preventDefault();     
    jQuery(this).parent('li').find('ul:first').fadeToggle(1000);

});

var currentMenuItem = jQuery('.current-menu-item');
var currentMenuItemText = currentMenuItem.text();
currentMenuItem.remove('a');
currentMenuItem.text(currentMenuItemText);
jQuery('.current-menu-item').parent('ul:first').show();


});

1 个答案:

答案 0 :(得分:1)

再次单击时,您的菜单设置为隐藏。要使用mouseout隐藏它,它应该如下所示:

jQuery('li:has(ul.sub-menu)').children('a').click(function (e) {
    e.preventDefault();     
    jQuery(this).parent('li').find('ul:first').fadeIn(1000);
}).mouseout(function(){
    jQuery(this).parent('li').find('ul:first').fadeOut(1000);
});