今天 在做树形菜单是 偶然搜到一个很好用的很好懂的工具。

做出来的样式

jquery 树状结构插件 jquery 树形菜单插件_折叠式菜单


下载案例后,看到一个css文件,两个js文件,一个是jquery包,另一个是该工具核心包。

引入css和js

jquery 树状结构插件 jquery 树形菜单插件_js_02


建议 js引入放到boy后,加载顺序不对,有事会出错误。

jquery 树状结构插件 jquery 树形菜单插件_树形结构_03

其中内联js语句为必须的。


在html文件中 写若干<ul> <li> </li></ul>,如图:

jquery 树状结构插件 jquery 树形菜单插件_Jquery EasyUI 左侧树_04


保存就可以运行了,是不是很简单呐。