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

【问题标题】：Menu navigation error in mobile device移动设备中的菜单导航错误
【发布时间】：2016-12-26 04:41:15
【问题描述】：

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

问题：

上面的导航菜单，点击的时候没有出现
搜索引擎附近的导航菜单，不出现也无法点击

网站：http://cekabel.blogspot.com

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

【问题讨论】：

你能把你的代码分成 3 个不同的 HTML、JS 和 CSS 文件吗？并可能在jsfiddle.net 加载它，这样人们就可以更好地了解您的代码的工作情况。

标签： javascript css html blogger

【解决方案1】：

点击此链接并重新排列标题结构。

希望对你有帮助！！

【讨论】：

【解决方案2】：

添加到您的代码中：

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

到 CSS：

.active {
    display: block !important;
}

【讨论】：

【解决方案3】：

在点击事件上调用这个函数：

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

【讨论】：

【解决方案4】：

在</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>

【讨论】：