移動設備中的菜單導航錯誤

Question

我在移動顯示的博客中遇到了一些問題 可以在圖片中看到。

問題：

• 上面的導航菜單，當點擊不會出現
• 附近搜索引擎的導航菜單，不會出現，不能點擊

Site：http://cekabel.blogspot.com

來源：http://pastebin.com/AYJjMsL0

Answer 1

按照此鏈接並重新安排標題結構。

欲瞭解更多請點擊此鏈接：

Toggle menu onclick, close by clicking menu link - but only in mobile view

希望這將幫助你！

Answer 2

添加到您的代碼：

jQuery('#pull').click(function(){ 
    jQuery('.top-menunavi > ul').toggleClass('active'); 
}); 

和CSS：

.active { 
    display: block !important; 
} 

Answer 3

前</head>

<style type="text/css"> 
    a.menu-slide { 
     display: block !important; 
    } 
    .show { 
     display: block !important; 
    } 
</style> 

一個添加這個CSS代碼日之前</body>

<script type="text/javascript"> 
//<![CDATA[ 
    $('#pull').click(function() { 
     $('.top-menunavi ul').toggleClass('show'); 
    }); 
    $('.menu-slide').click(function() { 
     $('.arlina-mainmenu').toggleClass('show'); 
    }); 
//]]> 
</script> 

Answer 4

調用這個函數這段JavaScript代碼上點擊事件：

jQuery('.top-menunavi > ul').toggleClass('active');