css移動子菜單不會擴大點擊

我有一個移動菜單，其中一個子菜單在http://plushdesign.net/plush5/contact/。出於某種原因，它已停止擴大點擊移動（在網站的所有頁面上 - 我使用此頁面BC它沒有任何JS）。css移動子菜單不會擴大點擊

基本HTML（修剪簡單）是：

<ul id="primary-main-menu" class="menu" style="display: block;"> 
<li id="menu-item-2099" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2099"> 
<li id="menu-item-1901" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-1901 hover"> 
    <a class="parent" href="http://plushdesign.net/plush5/work/">Work</a> 
     <ul class="sub-menu"> 
     <li id="menu-item-2105" class="hide menu-item menu-item-type-post_type menu-item-object-page menu-item-2105"> 
     <li id="menu-item-2104" class="hide menu-item menu-item-type-post_type menu-item-object-page menu-item-2104"> 
     </ul> 
</li> 
</ul>

相關的CSS是：

#primary-main-menu li.hide, 
ul#primary-main-menu.menu li.hover ul.sub-menu li.hide { 
    visibility: visible; 
} 

#primary-main-menu > li.hover > ul, 
#primary-main-menu li li.hover > ul, 
#primary-main-menu li:hover ul, 
#primary-main-menu li.hover a ul { 
    display: block !important; 
    position: static !important; 
    visibility: visible !important; 
}

我已經到處找，並試圖選擇我能想到的每一個組合，並且不能找到它爲什麼停止下降...有人可以幫忙嗎？謝謝。

來源

2016-04-10 user3106358

@SebastienDaniel再看看 – Aziz

@SebastienDaniel與@Aziz同意，存在着階級稱爲'.hover'沒有狀態。 –

我認爲問題是''裏面的子菜單裏有'display：none'，你必須用'＃primary-main-menu li ul li {display：block！important}'來啓用它們。自從很長一段時間以來，我從未見過這麼多「重要」規則...... – Aziz

似乎有一個在您mobile-menu.js一個問題，是不是撥動類hide在li裏面的物品.sub-menu，點擊.parent時。它假設與點擊時在.menu-item中切換的.hover類同步。

嘗試從瀏覽器檢查器中手動刪除每個子項中的類hide並且它可以正常工作。

喜歡的東西

$("#primary-main-menu li a.parent").unbind('click').bind('click', function(e) { 
    e.preventDefault(); 
    $(this).parent("li").toggleClass("hover"); 
    $(this).next('.sub-menu').find('li').toggleClass("hide") // <<< line added 
});

來源

2016-04-10 21:07:32

我一起刪除了隱藏課程，並相應地在桌面上重新格式化。從這裏我能夠得到它的工作。謝謝！ – user3106358

太棒了，很高興它現在有效。那麼答案是正確的？ –

得到你需要使用JavaScript/jQuery的的onclick子的最好方法。這是演示。快捷方便。

jQuery(function($){ 
    $('#trigger').click(function(){ 
    $('#hide').toggleClass('expand') 
    }) 
})

DEMO

來源

2016-04-11 02:10:20 Fiido93

css移動子菜單不會擴大點擊

回答

相關問題