V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
kimwang
V2EX  ›  问与答

bootstrap 怎么制作弹出式菜单?

  •  
  •   kimwang · 13 天前 · 712 次点击
    官方的主题商店
    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 那种鼠标悬停时自动弹出的菜单?谢谢。
    2 条回复    2025-06-27 00:21:39 +08:00
    Oceanhime
        1
    Oceanhime  
       13 天前   ❤️ 1
    Bootstrap 有提供 JavaScript 接口:
    https://getbootstrap.com/docs/5.0/components/dropdowns/#via-javascript
    监听元素的 hover 事件,鼠标悬停到标签元素时,调用对应 dropdown 元素的 (new bootstrap.Dropdown(dropdownToggleEl)).show() 方法即可。
    kimwang
        2
    kimwang  
    OP
       13 天前
    @Oceanhime 好的见到了,Call the dropdowns via JavaScript ,我再了解一下,谢谢
    关于   ·   帮助文档   ·   自助推广系统   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5058 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 03:44 · PVG 11:44 · LAX 20:44 · JFK 23:44
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.