kimwang
V2EX  ›  问与答

bootstrap 怎么制作弹出式菜单?

  •  
  •   kimwang · Jun 27, 2025 · 1957 views
    This topic created in 337 days ago, the information mentioned may be changed or developed.
    官方的主题商店
    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 replies    2025-06-27 00:21:39 +08:00
    Oceanhime
        1
    Oceanhime  
       Jun 27, 2025   ❤️ 1
    Bootstrap 有提供 JavaScript 接口:
    https://getbootstrap.com/docs/5.0/components/dropdowns/#via-javascript
    监听元素的 hover 事件,鼠标悬停到标签元素时,调用对应 dropdown 元素的 (new bootstrap.Dropdown(dropdownToggleEl)).show() 方法即可。
    kimwang
        2
    kimwang  
    OP
       Jun 27, 2025
    @Oceanhime 好的见到了,Call the dropdowns via JavaScript ,我再了解一下,谢谢
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   2624 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 29ms · UTC 15:39 · PVG 23:39 · LAX 08:39 · JFK 11:39
    ♥ Do have faith in what you're doing.