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

Question

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

問題：

• 上面的導航菜單，沒有出現點擊
• 搜索引擎附近的導航菜單不會出現也無法單擊

網站： http ： //cekabel.blogspot.com

資料來源： http ： //pastebin.com/AYJjMsL0

Answer 1

請點擊此鏈接並重新排列標題結構。

有關更多信息請點擊此鏈接

切換菜單onclick，單擊菜單鏈接關閉 - 但僅限於移動視圖

希望對你有幫助！！

Answer 2

添加到您的代碼：

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

和CSS：

.active {
    display: block !important;
}

Answer 3

在</head>之前添加此CSS代碼

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

在</body>之前添加此JavaScript代碼

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

Answer 4

在click事件上調用此函數：

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