bootstrap 怎么制作弹出式菜单?

15 天前
 kimwang
官方的主题商店
https://themes.getbootstrap.com/

随便点了一个主题然后 view demos ,如下:
https://freshcart-next-js.vercel.app/

在网站导航条菜单“All Departments”处,鼠标指向分类就能自动弹出,但我查阅 bootstrap V5 文档好像只有点击触发的下拉菜单,如下:
https://getbootstrap.com/docs/5.0/components/dropdowns/

请教 bootstrap 如何制作上面 demo 那种鼠标悬停时自动弹出的菜单?谢谢。
746 次点击
所在节点    问与答
2 条回复
Oceanhime
15 天前
Bootstrap 有提供 JavaScript 接口:
https://getbootstrap.com/docs/5.0/components/dropdowns/#via-javascript
监听元素的 hover 事件,鼠标悬停到标签元素时,调用对应 dropdown 元素的 (new bootstrap.Dropdown(dropdownToggleEl)).show() 方法即可。
kimwang
15 天前
@Oceanhime 好的见到了,Call the dropdowns via JavaScript ,我再了解一下,谢谢

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://ex.noerr.eu.org/t/1141329

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX