Bootstrap3 工具提示插件的事件

博客介绍了Bootstrap为工具提示插件提供的5个事件,开发人员可监听这些事件,通过JavaScript编程执行特定操作,以自定义插件功能,还给出了监听hidden.bs.tooltip事件的例子。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

工具提示插件的事件

Bootstrap为工具提示插件提供了 5 个事件,通过监听这些事件,可以对特定操作阶段的用户行为作出响应。这些事件及含义见表 4‑6。

表 4‑6 tooltip插件的事件及含义
事件含义
show.bs.tooltipshow方法调用之后,立即触发该事件。
shown.bs.tooltip当工具提示已经对用户可见(并且过渡效果执行完毕)之后,触发该事件
hide.bs.tooltiphide方法调用之后,立即触发该事件
hidden.bs tooltip当工具提示已经被隐藏(并且过渡效果执行完毕)之后,触发该事件
inserted.bs.tooltip当向DOM插入工具提示模板时,在模板插入完成并且show.bs.tooltip触发事件之后,触发该事件。

如果开发人员希望自定义工具提示插件的功能,就可以监听这些事件,并通过JavaScript编程来执行特定的操作。如,以下是监听 hidden.bs.tooltip 事件的例子:

 
  1. <script>
  2.   $('#myTooltip').on('hidden.bs.tooltip', function () {
  3.     alert("工具提示已经隐藏。");
  4. });
  5. </script>

关于作者

歪脖先生,十五年以上软件开发经验,酷爱Web开发,精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等,著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》,并全部在 GitHub 上开源。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值