移动设备中的菜单导航错误

Question

我在移动显示屏上的博客上遇到了一些问题 可以在图片中看到。

问题：

• 上面的导航菜单，当没有出现点击时
• 搜索引擎附近的导航菜单未显示且无法点击

网站：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>

之前添加此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

在点击事件中调用此函数：

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