今天有了一个新需求,就是下拉框采用多选,因为以前都是用Extjs的多选框组件,领导说不好看,所以我就用了bootstrap框架实现,我现在把代码共享一下,大家有需要的直接在hBuilder中打开,可以直接运行.下面说一下我整合进项目中遇到的问题:1.宽高,边距等等调整;如果想改下拉框的宽度直接修改bootstrap-%ignore_a_1%.css文件的24行等等,以下图片是我根据自己需求改的地方,如果有别的需求大家根据需求改就可以了2.我的select下拉框是动态添加的,但是bootstrap的bootstrap-select.js里面的函数是(function(){}())格式的,也就是自动执行函数,也就是说当加载该js文件时,里面函数自动执行,因此我就把bootstrap相关的js和css文件的引入放到了最后,解决了下拉框失效的问题.
下载地址:http://pan.baidu.com/s/1dFF9ho1
—-想了解更多的jQuery特效教程关注<编程笔记>