您的位置:首页 > Web前端 > BootStrap

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类名,例: 
<i
class="fa fa-search"></i>  


根据id找到指定按钮,再find('i')找到fa ,最后使用toggleClass()方法将fa-plus 替换为fa-minus ,即将 ‘+’ 图标换成 ‘-’ 图标。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: