如何使下拉菜单展开时，我将它悬停

我自定义一个WordPress主题在本地主机，我的问题是下拉菜单必须点击展开/折叠，这里是一个网站使用这个主题：http://mor10.com（你可以测试导航菜单，看看我在说什么）。我需要在下拉菜单中展开/折叠徘徊和聚焦的时候，但我真的用jQuery一个小白，这里是下拉菜单的代码：如何使下拉菜单展开时，我将它悬停

// Add menu items with submenus to aria-haspopup="true". 
container.find('.menu-item-has-children').attr('aria-haspopup', 'true'); 
container.find('.dropdown-toggle').click(function(e) { 
     var _this   = $(this), 
      screenReaderSpan = _this.find('.screen-reader-text'); 

     e.preventDefault(); 
     _this.toggleClass('toggled-on'); 
     _this.next('.children, .sub-menu').toggleClass('toggled-on'); 

     // jscs:disable 
     _this.attr('aria-expanded', _this.attr('aria-expanded') ===  'false' ? 'true' : 'false'); 
     // jscs:enable 
     screenReaderSpan.text(screenReaderSpan.text() === screenReaderText.expand ? screenReaderText.collapse : screenReaderText.expand); 
    }); 
} 
initMainNavigation($('.main-navigation'));

来源

2016-04-28 Smart_it

如果检查中铬的元素，你会看到当你点击下拉菜单时，一个类切换开关被添加到按钮类中，所以你可能想在你的js文件中尝试这个片段。

$("button.dropdown-toggle").hover(function(){ 
     $(this).toggleClass("toggle-on"); 
    });

，并检查是否正常工作

希望这有助于

保重，快乐编码

来源

2016-04-28 13:43:07

这并没有不幸改变任何东西。 –

当我点击替换在container.find。点击悬停（“.dropdown拨动”）（功能（E），当我停止徘徊，并尝试选择一个子菜单显示，当我将鼠标悬停在父菜单箭头，但消失子菜单 –

哦~~其实我现在看到这个但类子菜单中的UL也得到了切换，阶级 –

如何使下拉菜单展开时，我将它悬停

回答

相关问题