freemarker文件下,bootstrap 点击按钮,切换按钮上的图标
2017-04-18 10:55
537 查看
freemarker页面代码
<@button id="but" name="添加参数" fa="plus"/>
jquery代码
$("#but").click(function(){
$("#but").find('i').toggleClass("fa-plus fa-minus");
});
fa标签在bootstrap封装的原形是:使用一个单<i>并增加对应的CSS类名,例:
根据id找到指定按钮,再find('i')找到fa ,最后使用toggleClass()方法将fa-plus 替换为fa-minus ,即将 ‘+’ 图标换成 ‘-’ 图标。
<@button id="but" name="添加参数" fa="plus"/>
jquery代码
$("#but").click(function(){
$("#but").find('i').toggleClass("fa-plus fa-minus");
});
fa标签在bootstrap封装的原形是:使用一个单<i>并增加对应的CSS类名,例:
<i class="fa fa-search"></i>
根据id找到指定按钮,再find('i')找到fa ,最后使用toggleClass()方法将fa-plus 替换为fa-minus ,即将 ‘+’ 图标换成 ‘-’ 图标。
相关文章推荐
- JS点击某个图标或按钮弹出文件选择框的实现代码
- js点击某个图标或按钮弹出文件选择框
- 点击切换图标方法,jquery bootstrap方法
- jquery点击图标来回切换的几种方法(如开关按钮)
- js点击某个图标或按钮弹出文件选择框
- 添加按钮图标并且当点击或者悬浮上面出现不同效果的代码
- Android ImageSwitcher 图片切换 按钮点击切换
- 点击Windows7库文件图标打开界面与XP一样
- [转]C#winform中如何通过点击按钮切换窗口
- js文件上传不用点击上传按钮自动上传
- 点击一个按钮实现在不同对话框之间的切换,帮忙看下这代码能不能这样写,为什么不对呀
- python3之点击文件图标
- 英语音标的录入。点击按钮,点击图片,点击图标等,在RTF文本框中显示字体中的字符。
- Andorid之使用ImageView和Selector配置文件制作多样式按钮(默认、点击、灰掉)
- asp.net 实现打开文件所在的文件夹, 本地可以打开,发布后点击按钮没有反应的解决办法
- VC++ 6.0点击打开文件按钮出错解决办法
- 把阿里旺旺的图标放到你自己的网站上,直接点击按钮就可以让顾客联系到你
- 点击按钮直接下载文件(隐藏文件路径)
- 如何处理:下载文件的按钮在事件未完成之前防止多次点击,事件完成之后又能继续点击提交