收藏，8.2k 浏览
问题对人有帮助，内容完整，我也想知道答案
问题没有实际价值，缺少关键内容，没有改进余地
如题。同时还不影响读屏器识别？
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
的示例，可以添加代码在 mouseover 事件中触发下拉
打开那个页面之后用 F12 打开开发者工具，在控制台输入下面的代码
$("#drop1").on("mouseover", function() {
if ($(this).parent().is(".open")) {
$(this).dropdown("toggle")
然后将鼠标移到第一个 Dropdown（即 “Project Name” 后面那第1个 Dropdown，就可以看到效果。
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
先在bootstrap.min.js下面增加
* @preserve
* Project: Bootstrap Hover Dropdown
* Author: Cameron Spear
* Version: v2.0.11
* Contributors: Mattia Larentis
* Dependencies: Bootstrap's Dropdown plugin, jQuery
* Description: A simple plugin to enable Bootstrap dropdowns to active on hover and provide a nice user experience.
* License: MIT
* Homepage:
;(function ($, window, undefined) {
// outside the scope of the jQuery plugin to
// keep track of all dropdowns
var $allDropdowns = $();
// if instantlyCloseOthers is true, then it will instantly
// shut other nav items when a new one is hovered over
$.fn.dropdownHover = function (options) {
// don't do anything if touch is supported
// (plugin causes some issues on mobile)
if('ontouchstart' in document) // don't want to affect chaining
// the element we really care about
// is the dropdown-toggle's parent
$allDropdowns = $allDropdowns.add(this.parent());
return this.each(function () {
var $this = $(this),
$parent = $this.parent(),
defaults = {
delay: 500,
instantlyCloseOthers: true
delay: $(this).data('delay'),
instantlyCloseOthers: $(this).data('close-others')
= 'show.bs.dropdown',
= 'hide.bs.dropdown',
// shownEvent
= 'shown.bs.dropdown',
// hiddenEvent = 'hidden.bs.dropdown',
settings = $.extend(true, {}, defaults, options, data),
$parent.hover(function (event) {
// so a neighbor can't open the dropdown
if(!$parent.hasClass('open') && !$this.is(event.target)) {
// stop this event, stop executing any code
// in this callback but continue to propagate
openDropdown(event);
}, function () {
timeout = window.setTimeout(function () {
$parent.removeClass('open');
$this.trigger(hideEvent);
}, settings.delay);
// this helps with button groups!
$this.hover(function (event) {
// this helps prevent a double event from firing.
// see /CWSpear/bootstrap-hover-dropdown/issues/55
if(!$parent.hasClass('open') && !$parent.is(event.target)) {
// stop this event, stop executing any code
// in this callback but continue to propagate
openDropdown(event);
// handle submenus
$parent.find('.dropdown-submenu').each(function (){
var $this = $(this);
$this.hover(function () {
window.clearTimeout(subTimeout);
$this.children('.dropdown-menu').show();
// always close submenu siblings instantly
$this.siblings().children('.dropdown-menu').hide();
}, function () {
var $submenu = $this.children('.dropdown-menu');
subTimeout = window.setTimeout(function () {
$submenu.hide();
}, settings.delay);
function openDropdown(event) {
$allDropdowns.find(':focus').blur();
if(settings.instantlyCloseOthers === true)
$allDropdowns.removeClass('open');
window.clearTimeout(timeout);
$parent.addClass('open');
$this.trigger(showEvent);
$(document).ready(function () {
// apply dropdownHover to all elements with the data-hover="dropdown" attribute
$('[data-hover="dropdown"]').dropdownHover();
})(jQuery, this);
然后在网页的最后加
$('.dropdown-toggle').dropdownHover();
$('a.dropdown-toggle').one('click',function(){ location.href= $(this).attr('href'); });
同步到新浪微博
分享到微博？
与我们一起探索更多的未知
专业的开发者技术社区，为用户提供多样化的线上知识交流，丰富的线下活动及给力的工作机会
加入只需一步
关闭理由：
删除理由：
忽略理由：
推广（招聘、广告、SEO 等）方面的内容
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因（请补充说明）
我要举报该，理由是：
扫扫下载 App
SegmentFault
一起探索更多未知按钮上拉菜单(向上弹出式菜单)位开发者喜欢
> 按钮上拉菜单(向上弹出式菜单)
按钮上拉菜单
菜单也可以往上拉伸的，只需要简单地向父&.btn-group&容器添加&.dropup&即可。
向上弹出式菜单
给父元素添加 .dropup 类就能使触发的下拉菜单朝上方打开。
Dropup& Toggle Dropdown
Right dropup& Toggle Dropdown
&div class=&btn-group dropup&&
&button type=&button& class=&btn btn-default&&Dropup&/button&
&button type=&button& class=&btn btn-default dropdown-toggle& data-toggle=&dropdown&&
&span class=&caret&&&/span&
&span class=&sr-only&&Toggle Dropdown&/span&
&ul class=&dropdown-menu& role=&menu&&
&!-- Dropdown menu links --&
没有找到答案？搜索一下吧！未注册过用户可以点击直接登录哦！
使用注册邮箱登录
选择画板...
你已经成功采集到
&|关闭窗口&Bootstrap下拉菜单
Bootstrap下拉菜单
成为极客学院VIP，观看全部课程
VIP会员可无限制观看所有课程，下载资料与源码，享受技术问答支持，年会员还可以下载720p高清视频。
或者可以观看以下免费课程
视频太卡？试试切换线路
本课时讲解概览，包含引入方式、data 属性、编程方式的 API、命名空间、事件、版本、浏览器支持情况和第三方工具库。
本课时讲解过渡效果，对于简单的过渡效果，只需将 transition.js 和其它 JS 文件一起引入即可。如果你使用的是编译（或压缩）版的bootstrap.js 文件，就无需再单独将其引入了。Transition.js 是针对 transitionEnd 事件的一个基本辅助工具，也是对 CSS 过渡效果的模拟。它被其它插件用来检测当前浏览器对是否支持 CSS 的过渡效果。
本课时讲解模态框，模态框经过了优化，更加灵活，以弹出对话框的形式出现，具有最小和最实用的功能集。
本课时讲解下拉菜单、包含基本实例，用法、方法和事件。
本课时讲解滚动监听，滚动监听插件是用来根据滚动条所处的位置来自动更新导航项的。如下所示，滚动导航条下面的区域并关注导航项的变化。下拉菜单中的条目也会自动高亮显示。
本课时讲解标签页，包含基本实例、用法、方法和事件。
本课时讲解工具提示，包含基本实例、用法、参数、方法和事件。
本课时讲解弹出框，为任意元素添加一小块浮层，就像 iPad 上一样，用于存放非主要信息。弹出框的标题和内容的长度都是零的话将永远不会被显示出来。
本课时讲解警告框，通过此插件可以为警告信息添加点击并消失的功能。当使用 .close 按钮时，它必须是 .alert-dismissible 的第一个子元素，并且在它之前不能有任何文本内容。
本课时讲解按钮的功能很丰富，通过控制按钮的状态或创建一组按钮并形成一些新的组件，例如工具条。
本课时讲解 Collapse，包含基本实例、手风琴效果、用法、参数、方法和事件。
本课时讲解Carousel，包含基本实例、用法、参数、方法和事件。
本课时讲解 Affix，包含基本实例、用法、参数、事件。
只有成为VIP会员才能提问&回复，快吧！如果你还没有账号你可以一个账号。
Bootstrap 3 中文教程
添加新技术问题
课程 [Bootstrap下拉菜单]
中已存在问题
添加新技术问题
问题描述越详细，被解答的速度越快
有新回答时请邮件提醒我
着急，拜托快点
不急，慢慢解决
关联课程 [Bootstrap下拉菜单]
正在读取中...
正在读取中...bootstrap怎么设置下拉菜单不点击，改成鼠标悬停直接显示下拉菜单_百度知道
bootstrap怎么设置下拉菜单不点击，改成鼠标悬停直接显示下拉菜单
我有更好的答案
这句css加在bootstrap:hover .css之后出现的css中; li，把下拉菜单设置成block.min，具体css.nav
&gt: block： .dropdown-menu {display，只需要加一个css设置下hover的状态实际上比较简单，你试下
其他类似问题
为您推荐：
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁