现在位置首页 / 前端开发 /正文

zTree使用Bootstrap皮肤样式及demo

作者: IT小兵 | 2014年7月15日| 热度:℃ | 评论: |参与:

分享了很多Bootstrap的样式及ztree demo,但是ztree自带的样式太原始简单了。今天推荐给大家Bootstrap+ztree样式。

效果图:

在线demo:

http://www.bbbzd.com/code/zTree/

这个demo 并没有完全按照Bootstrap的结构来改zTree的脚本,只重写了一下它的样式。图标也没有使用字体的方式,而是用了Font-Awesome的字体,然后加工成的

图片。

代码下载地址:http://pan.baidu.com/s/1bnw4fEJ 

如果在Bootstrap框架内直接使用Ztree树控件的话,可能出现一些问题:

今天在zTree群里有一个朋友是在Bootstrap框架内使用了Ztree树控件,最后导致zTree树的节点之间产生了错位现象。这个主要是Bootstrap框架内的js对其ul内的li标签宽度做了限制,所以导致zTree节点的li标签样式被修改从而出现错位。

如何解决?

找到zTree相关的zTreeStyle.css文件,把里面所有的ul标签内的width样式全部删掉即可。



[ztree教程-将ul li元素转换为zTree树控件的插件]

[Ztree教程-异步加载问题]

[ztree教程--zTree实现文本框输入关键词自动匹配下拉效果]

[Ztree教程-采用Jquery Ajax异步加载数据和Ztree自带异步加载数据]

点击阅读本文所属分类的更多文章: 前端开发 。和高手一起交流:346717337
友荐云推荐

未注明转发、原文均为本站原创。分享本文请注明 原文链接

给您更多信息和帮助

在这里您可以找到更多:

技术交流群:346717337 Jquery插件交流

投稿:suchso@vip.qq.com

承接:企业网站门户/微网站/微商城/CMS系统/微信公众号运营/业务咨询

抢天猫双11红包
推荐使用阿里云服务器
echarts教程系列
本月最热文章

微信扫一扫,徜徉悠嘻网,您的休闲乐园

微信公众号:快乐每一天

随机文章
标签

技术交流群:346717337

投稿:suchso@vip.qq.com

专业专注:企业网站门户/微网站/微商城/CMS系统/微信公众号运营/付费问题咨询