freemarker文件下,bootstrap 点击按钮,切换按钮上的图标

来源:互联网 发布:spring框架编程 编辑:程序博客网 时间:2024/05/17 23:26

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 ,即将 ‘+’ 图标换成 ‘-’ 图标。
0 0
原创粉丝点击