Bootstrap下拉菜单事件有几种,含义是什么

您所在的位置:网站首页 怎么取消下拉式菜单 Bootstrap下拉菜单事件有几种,含义是什么

Bootstrap下拉菜单事件有几种,含义是什么

2023-04-26 21:17| 来源: 网络整理| 查看: 265

下拉菜单的事件

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

表 4‑3 dropdown插件的事件及含义 事件 含义 show.bs.dropdown show方法调用之后,立即触发该事件 shown.bs.dropdown 当下拉菜单已经对用户可见(并且过渡效果执行完毕)之后,触发该事件 hide.bs.dropdown hide方法调用之后,立即触发该事件 hidden.bs.dropdown 当下拉菜单已经被隐藏(并且过渡效果执行完毕)之后,触发该事件

相关推荐:《bootstrap教程》

如果开发人员希望定制下拉菜单的功能,就可以通过JavaScript监听这些事件,来执行相应的操作。如:

$('#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("下拉菜单已经隐藏。"); }); 代码)


【本文地址】


今日新闻


推荐新闻


    CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3