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

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

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 ,即将 ‘+’ 图标换成 ‘-’ 图标。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/106380.html原文链接:https://javaforall.net

(0)
上一篇 2021年7月15日 下午4:00
下一篇 2021年7月15日 下午5:00


相关推荐

  • Nginx 正向代理和反向代理

    Nginx 正向代理和反向代理前言最近在捣腾代理 要做个内网 yum 源代理 之前没接触过代理这些个东西 折腾完记录一下吧 一 下载源码目前 Nginx 一般都是使用源码编译 没有现成的 rpm 包 下载网址 http nginx org download 里面有各个版本的 Nginx 随便找个版本下载即可 尽量使用新版本 至少 bug 少一点 功能支持也多一点 二 编译 Nginx 依赖一些组件 需要提前安装好

    2026年3月26日
    2
  • C++虚函数表剖析

    C++虚函数表剖析关键词:虚函数,虚表,虚表指针,动态绑定,多态一、概述为了实现C++的多态,C++使用了一种动态绑定的技术。这个技术的核心是虚函数表(下文简称虚表)。本文介绍虚函数表是如何实现动态绑定的。二、类的虚表每个包含了虚函数的类都包含一个虚表。我们知道,当一个类(A)继承另一个类(B)时,类A会继承类B的函数的调用权。所以如果一个基类包含了虚函数,那么其继承类也可调用这些虚函数,换句话说,一个类继承了包

    2022年7月13日
    37
  • opencv remap matlab,如何使用OpenCV的remap函数?

    opencv remap matlab,如何使用OpenCV的remap函数?这只是对文件的一个简单的误解,我不怪你——我也花了几次摸索才明白。文档很清楚,但是这个函数可能没有按您预期的方式工作;事实上,它在与我最初预期相反的方向工作。remap()没有做的是获取源图像的坐标,变换点,然后插值。remap()所做的是,对于目的地图像中的每个像素,查找它来自源图像中的位置,然后分配一个插值值。它需要这样工作,因为为了插值,它需要查看每个像素处源图像周围的值。让我扩展一下(可能…

    2025年6月19日
    5
  • linux安装软件报错: Can’t locate ExtUtils/Embed.pm in @INC…

    linux安装软件报错: Can’t locate ExtUtils/Embed.pm in @INC…

    2021年10月29日
    47
  • springboot项目打包成jar

    springboot项目打包成jarSpringBoot 项目打包成 jar 一 为什么打包二 如何打包 1 使用 IDEA 进行打包 2 使用 maven 进行打包三 运行 jar 包四 注意一 为什么打包项目开发完毕后会将前后端应用打包 然后部署到服务器上运行 JavaWeb 应用在 SpringBoot 之前 通常是打包成 war 包 结合 Tomcat 来完成部署 而对于 SpringBoot 官方的建议是将 SpringBoot 应用打包成一个 fatjar SpringBoot 默认打包方式 即项目的依赖 jar 包也会被包含在 SpringBoot 项目的 ja

    2026年3月19日
    2
  • IE内存溢出报错Stack overflow at line[通俗易懂]

    IE内存溢出报错Stack overflow at line[通俗易懂]该错误只在IE中出现,出现该提示的原因主要有两种:1.重定义了系统的触发事件名称作为自定义函数名如: onclick/onsubmit… 都是系统保留的事件名称,不允许作为重定义函数名称。2.出现死循环,都提示:Stackoverflowatline:0,如:在图片对象定义了onerror事件的循环处理、onload这里并不是说/im

    2022年7月15日
    20

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号