首页 » Web开发 » 正文

[Bootstrap]Bootstrap 鼠标hover触发dropdown-toggle

| Web开发 | | 2 条评论 | 4698 views

  1. 下载bootstrap-hover-dropdown
    下载地址：http://www.bootcdn.cn/bootstrap-hover-dropdown/，当然也可以直接使用cdn的版本。

  2. 将bootstrap-hover-dropdown.js引入到dropdown所在html

  3. 将
    <a href=”#” class=”dropdown-toggle” data-toggle=”dropdown”> 中修改为
    <a href=”#” class=”dropdown-toggle” data-hover=”dropdown” data-close-others=”true”>
    其中，有个参数为data-delay=”1000″，是指下拉列表的消失延迟时间，默认是500，但是发现修改为0之后依然有延迟，此处不是很明白。
  4. 取消延迟的方法，将bootstrap-hover-dropdown.js代码中的
    delay: 500改为delay:0
    即可。

本文共 2 个回复

  • Lz 2017/09/11 20:04

    那dropdown-toggle到底是什么含义啊！ 它可以代替dropdown的作用吗！ ❓

    • hujiulin

      hujiulin 博主 2017/09/12 09:52

      @ Lz 本来是点击才出现下来菜单，本文是说明，鼠标放上去也出现下来菜单

发表评论