Làm thế nào để làm cho trình đơn thả xuống của Bootstrap trên di chuột?

Question

Làm cách nào để làm cho trình đơn thả xuống của menu khởi động của Twitter có thể di chuột thay vì nhấp chuột?

Answer 1

Trong khi How to make twitter bootstrap menu dropdown on hover rather than click đã được upvoted rất nhiều, với các phiên bản mới hơn của Bootstrap, không cần phải hack vào nó.

http://cameronspear.com/blog/twitter-bootstrap-dropdown-on-hover-plugin/ là sự thay thế cho dropdown.js hiện tại và cho phép bạn bật khi di chuột. Không yêu cầu sửa đổi CSS.

Answer 2

heres một hàm Tôi đang sử dụng để có được những Dropdowns navbar để trượt xuống trên di chuột thay vì chỉ popping trong

$('.navbar .dropdown').hover(function() { 
    $(this).find('.dropdown-menu').first().stop(true, true).delay(250).slideDown(); 
}, function() { 
    $(this).find('.dropdown-menu').first().stop(true, true).delay(100).slideUp() 
}); 

Answer 3

1.Hide thả xuống menu trên mouseover.

$(document).ready(function() { 
    $('.nav li.dropdown').hover(function() { 
     $(this).addClass('open'); 
    }, function() { 
     $(this).removeClass('open'); 
    }); 
}); 

2.Hide thả xuống menu trên nhấp chuột.

$(document).ready(function() { 
    $('.nav li.dropdown').hover(function() { 
     $(this).addClass('open'); 
    }); 
}); 

http://jsfiddle.net/7yMsQ/1/