Javascript 引导下拉菜单未在悬停时下拉

我正试图遵循创建一个下拉菜单在引导上悬停。现在，当您将鼠标悬停在下拉菜单上时，不会发生任何事情-

对我来说没有意义的是它实际上在

HTML:

JavaScript

// dropdown-menu
    $('ul.nav li.dropdown').hover(function() {
    $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeIn(500);
        }, function() {
    $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeOut(500);
    });

---

JavaScript加载在打开和关闭标签的

部分。同样，该网站是活的。如果您有任何建议，请告诉我-谢谢

尝试使用不同的引导版本，或者检查是否正确链接了引导js和css

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">

<!-- Optional theme -->
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap-theme.min.css">

<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js'></script> 

我尝试了以下css和js版本，对我来说效果很好

工作示例

---

请在$（document）.ready（）函数中添加此函数

错：

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

对:

$(document).ready(function(){
   $('ul.nav li.dropdown').hover(function() {
        $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeIn(500);
            }, function() {
        $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeOut(500);
   });
})

请参阅，其中描述了如何使用CSS

CSS:

---

对我来说很好。所以，看一看。@Dwhitz是的，这很有效。我不知道为什么我写这个问题时那篇文章没有出现。非常感谢。您可以完全不用JavaScript来解决这个问题，因为CSS已经有了：hover元素，并且您可以制作关键帧以淡入淡出元素。再看看这个链接：@Sean别担心。下次你可以使用google关键字搜索更多/更好的内容。

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

$(document).ready(function(){
   $('ul.nav li.dropdown').hover(function() {
        $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeIn(500);
            }, function() {
        $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeOut(500);
   });
})

.dropdown-menu .sub-menu {
left: 100%;
position: absolute;
top: 0;
visibility: hidden;
margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
visibility: visible;
}

.dropdown:hover .dropdown-menu {
display: block;
}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu 
{
margin-top: 0;
}

.navbar .sub-menu:before {
border-bottom: 7px solid transparent;
border-left: none;
border-right: 7px solid rgba(0, 0, 0, 0.2);
border-top: 7px solid transparent;
left: -7px;
top: 10px;
}
.navbar .sub-menu:after {
border-top: 6px solid transparent;
border-left: none;
border-right: 6px solid #fff;
border-bottom: 6px solid transparent;
left: 10px;
top: 11px;
left: -6px;
}