如何制作一个默认切换为不切换的菜单

时间:2015-07-30 13:01:03

标签: javascript jquery css

我使用的主题是Pixeladmin(http://wrapbootstrap.com/preview/WB07403R9) 正如您在打开页面时可能看到的那样,菜单现在已打开,我希望它能够关闭,我不知道要改变什么。

我希望默认关闭它而不是打开它。

我很赞赏你的答案,再次感谢你!

2 个答案:

答案 0 :(得分:1)

当页面加载时,一个hack就是模拟点击切换按钮。

$(function() {
    $("#main-menu-toggle").click();
});

答案 1 :(得分:1)

你只需要这个!

$(document).ready(function(){
    $('body').addClass('mmc')
});

当我检查元素并且切换发生时body是通过添加/删除类而发生的唯一更改!!默认情况下,此类不会显示menu已打开,如果您将此mmc类添加到body菜单,则会使用动画关闭状态!

<强>更新

在更多检查中,我发现点击事件存在于pixel-admin.min.js文件中,下面是在该事件上执行的代码。

$("#main-menu-toggle").on("click",$.proxy(this.toggle,this))

我对$.proxy jquery函数没有太多想法,但下面是文档说的

  

取一个函数并返回一个总是有一个函数的新函数   具体情况。

始终欢迎有关proxy功能的说明!

<强> Source for $.proxy

现在.mmc类的样式已经在pixel-admin.min.css中定义,文件的缩小版本总是很难调试,所以我无法收集到很多信息!如果您获得上述文件的完整版本,那么您可以调试自己以更好的方式理解!