懸停按鈕下拉菜單上的引導程序

Question

我希望鼠標懸停時出現下拉菜單。下面是jsbin我的代碼：link

嘗試的jQuery：

$('.dropdown-toggle').hover(
    function() { 
     $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeIn(); 
    } 
); 
$('.dropdown-menu').hover(
    function() { 
     $(this).stop(true, true); 
    }, 
    function() { 
     $(this).stop(true, true).delay(200).fadeOut(); 
    } 
); 

但它不工作...

Answer 1

在Bootstrap Dropdown with Hover這是使用CSS而不是JavaScript的固定。如果你改變了接受的答案的解決方案爲

.navbar .btn-group:hover > .dropdown-menu { 
    display: block; 
} 

它應該與你的示例代碼工作。

Answer 2

您可以使用內引導API：

$(document) 
    .on('hover', '.dropdown-toggle', Dropdown.prototype.toggle) 

Answer 3

試試這個

jQuery(function ($) { 
    $('.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(); 
    }); 
    $('.navbar .dropdown > a').click(function() { 
     location.href = this.href; 
    }); 
});