Bootstrap 下拉菜单

最新推荐文章于 2025-05-29 17:34:35 发布

董_老五

最新推荐文章于 2025-05-29 17:34:35 发布

阅读量260

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_17550381/article/details/80528832

本文介绍如何在页面加载时初始化显示Bootstrap下拉菜单的方法，并提供了实现这一功能的JavaScript代码示例。此外还介绍了如何为下拉菜单绑定事件。

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

<div class="dropdown">
	<button data-toggle="dropdown">按钮</button>
	<ul class="dropdown-menu">
		<li>简单的下拉菜单</li>
	</ul>
</div>

如果需要在页面加载时，提前显示下拉的菜单，可以使用下面方法

$("button").dropdown('toggle')

另外可以在下拉菜单执行时，定义一些事件

show.bs.modal

shown.bs.modal

hide.bs.modal

hidden.bs.modal

$(".dropdown").on("show.bs.dropdown",function(){

alert("需要执行的代码")
})