当前位置:JS特效 » 菜单导航 » 精美的多级侧边栏导航菜单jQuery插件
 精美的多级侧边栏导航菜单jQuery插件
如果您觉得内容不错,请分享:

插件介绍

这是一款基于bootstrap的精美多级侧边栏导航菜单jQuery插件。该导航菜单在bootstrap样式的基础上,通过jQuery来为导航菜单绑定菜单点击事件,生成非常漂亮的多级侧边栏导航菜单。

浏览器兼容性

浏览器兼容性
时间:2021-07-24 阅读:55
简要教程

这是一款基于bootstrap的精美多级侧边栏导航菜单jQuery插件。该导航菜单在bootstrap样式的基础上,通过jQuery来为导航菜单绑定菜单点击事件,生成非常漂亮的多级侧边栏导航菜单。

多级侧边栏导航菜单

使用方法

在页面中引入bootstrap样式文件,sidebar-menu.css和sidebar-menu.js文件,另外还有引入font-awesome字体图标文件。




                  
                
HTML结构

在该多级侧边栏导航菜单中,如果是多级菜单,要使用li.treeview来进行包裹,单一菜单项直接使用

  • 元素即可。

    
                    
    初始化插件

    在页面DOM元素加载完毕之后,可以通过sidebarMenu()方法来初始化该多级侧边栏导航菜单。

    $.sidebarMenu(element)
                    

    或者通过插件提供的API来调用菜单:

    $.sidebarMenu(element)
                    

    该多级侧边栏导航菜单的github地址为:https://github.com/huang-x-h/sidebar-menu

  • Top