Bootstrap下拉菜单事件有几种,含义是什么
导读:这篇文章给大家分享的是“Bootstrap下拉菜单事件有几种,含义是什么”,文中的讲解内容简单清晰,对大家认识和了解都有一定的帮助,对此感兴趣的朋友,接下来就跟随小编一起了解一下“Bootstrap下拉菜单事件有几种,含义是什么”吧。 下拉...
这篇文章给大家分享的是“Bootstrap下拉菜单事件有几种,含义是什么”,文中的讲解内容简单清晰,对大家认识和了解都有一定的帮助,对此感兴趣的朋友,接下来就跟随小编一起了解一下“Bootstrap下拉菜单事件有几种,含义是什么”吧。下拉菜单的事件
Bootstrap为下拉菜单插件提供了 4 个事件,通过监听这些事件,可以对特定操作阶段的用户行为作出响应。这些事件及含义见表 4‑3。
表 4‑3 dropdown插件的事件及含义事件 | 含义 |
---|---|
show.bs.dropdown | show方法调用之后,立即触发该事件 |
shown.bs.dropdown | 当下拉菜单已经对用户可见(并且过渡效果执行完毕)之后,触发该事件 |
hide.bs.dropdown | hide方法调用之后,立即触发该事件 |
hidden.bs.dropdown | 当下拉菜单已经被隐藏(并且过渡效果执行完毕)之后,触发该事件 |
相关推荐:《bootstrap教程》
如果开发人员希望定制下拉菜单的功能,就可以通过JavaScript监听这些事件,来执行相应的操作。如:
script> $('#myDropdown').on('show.bs.dropdown', function () { alert("开始显示下拉菜单。"); } ); $('#myDropdown').on('shown.bs.dropdown', function () { alert("下拉菜单已经显示。"); } ); $('#myDropdown').on('hide.bs.dropdown', function () { alert("开始隐藏下拉菜单。"); } ); $('#myDropdown').on('hidden.bs.dropdown', function () { alert("下拉菜单已经隐藏。"); } ); /script> 代码)
以上就是关于Bootstrap下拉菜单事件有几种,含义是什么的介绍,本文内容仅供参考,有需要的朋友可以借鉴了解看看,希望对大家学习或工作,想要了解更多欢迎关注网络,小编每天都会为大家更新不同的知识。
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: Bootstrap下拉菜单事件有几种,含义是什么
本文地址: https://pptw.com/jishu/653728.html