Javascript 我需要在手机中禁用菜单项

这是我的手机导航代码

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

//对于移动菜单：
jQuery（文档）.ready（函数（）{
$（“.menuclick”）。单击（函数（事件）{
event.preventDefault（）；
$（“.menu_box”）。滑动切换（“快速”）；
返回false；
});
});

我需要的列表，似乎是不可见的移动，直到移动菜单按钮被点击

---

有人对此有快速解决方法吗？

您需要显示：无，其余的由切换来完成

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

---

您可以在元素上使用默认样式

显示：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";

var x=document.getElementsByClassName（“菜单框”）；
对于（var i=0；i最好是使用css将其隐藏，只需向元素添加样式或带有
display:none
的类即可

或

绑定单击事件后，可以执行
触发
单击事件，这将隐藏
菜单框

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

也可以使用
event.preventDefault（）；
或
返回false；
为什么不在css中将其作为display none？为什么要同时使用prevent default和return false？请不要提倡内联样式。使用外部样式表！jquery会将display属性以任何方式内联，因为jquery并不意味着您应该这样做；）硬编码内联样式和编程方式有区别。@我想RUJordan是对的。。。只需将其添加到外部样式表。但如果这给你带来问题。。。好。。。只需内联；-）谢谢实际上，我是在大约2秒钟前得出这个结论的。我的样式表中隐藏了一个类。很高兴我是对的。谢谢你的回复。