ace_admin 左侧导航菜单怎么让他默认展开呢?

javacc 发布于 2016/03/11 10:58
阅读 3K+
收藏 0

RT,请看下图:

 

请问该如何写js呢?

加载中
1
javacc
javacc

引用来自“灬魑魅魍魉”的评论

给那个li加一个class="open"试试看,比如<li class="open" id="m_integration">
试过了,没有效果
0
javacc
javacc
到底怎么才能展开啊,,,
0
灬魑魅魍魉
给那个li加一个class="open"试试看,比如<li class="open" id="m_integration">
0
简单仰望流云
简单仰望流云
前端代码逻辑控制下li的class样式
0
javacc
javacc

多谢各位,我试试

0
javacc
javacc

引用来自“简单仰望流云”的评论

前端代码逻辑控制下li的class样式
试过了没有效果啊
0
阿奇哥
阿奇哥

该问题解决了没?

0
阿奇哥
阿奇哥

下面我提供解决方案:

1、原来的icon-double-angle-left改成right,因为我们默认是向右,要让它指向右边

<div id="sidebar-collapse"><i class="icon-double-angle-right"></i></div>

2、修改ace.min.js,将icon-double-angle-right表成icon-double-angle-left

//菜单缩放   
$("#sidebar-collapse").on("click",function(){
      $("#sidebar").toggleClass("menu-min");
      $(this.firstChild).toggleClass("icon-double-angle-left");
      a=$("#sidebar").hasClass("menu-min");
     if(a){$(".open > .submenu").removeClass("open")}
      }
);

3、我的页面是index.jsp引用了菜单,所以我在index.js中加入了下面的代码

$(function() {          
          //默认改成向右
          $("#sidebar").toggleClass("menu-min");
          $(this.firstChild).toggleClass("icon-double-angle-left");
          a=$("#sidebar").hasClass("menu-min");
          if(a){$(".open > .submenu").removeClass("open");}}
        });

到此为止,问题解决

javacc
javacc
回复 @yexingkong : 其实很简单,好像debug调试时就修改了一个样式,,你仔细观察就会发现,我忘记了,,很久,代码也不再手上了
yexingkong
yexingkong
回复 @javacc : 请问一下,你当时是怎么解决的呢~
0
yexingkong
yexingkong

通过调试工具,发现只需添加一个style即可~

<ul class="submenu" style="display: block;">

返回顶部
顶部