如何使下拉菜單展開時，我將它懸停

我自定義一個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也得到了切換，階級 –

如何使下拉菜單展開時，我將它懸停

回答

相關問題