Question

这是我的移动导航代码。

//For Mobile Menu:
<style>
jQuery(document).ready(function(){
      $(".menuclick").click(function(event) {
        event.preventDefault();
        $(".menu_box").slideToggle("fast");
            return false;
      });
});
</style>

在点击移动菜单按钮之前，我需要在移动设备中看不到的列表。

有没有人能快速解决这个问题？

Answer 1

最好使用css 隐藏它，只需将样式或带display:none的类添加到元素

OR

绑定点击事件后，您可以执行trigger点击事件，这会隐藏menu_box

jQuery(document).ready(function(){
      $(".menuclick").click(function(event) {
          event.preventDefault();
          $(".menu_box").slideToggle("fast");
      });
}).trigger('click');

还可以使用event.preventDefault();或return false;

Answer 2

您需要显示：none，并且切换将完成剩下的工作。

<div class="menu_box" style="display:none"></div>

Answer 3

您可以在元素上使用默认样式display:none，也可以使用JavaScript或jQuery。

CSS方式：

.menu_box { display:none; }

jQuery的：

$(".menu_box").css("display","none");

强制性香草溶液：

按类抓取所有元素，迭代元素数组，然后应用样式。

var x = document.getElementsByClassName("menu_box");
for (var i=0;i<x.length;i++) x[i].style.display = "none";

我需要在移动设备中禁用菜单项

3 个答案: