jquery - 悬停时的jQuery下拉延迟在引导程序中不起作用

Question

我使用 jQuery 脚本得到了延迟，但我需要更改我的 html，所以它现在不是引导标准下拉列表，但是它只有一些位置更改和类更改，所以不确定为什么它没有延迟。我希望延迟出现在电话号码下拉列表中... http://bootply.com/67110

Javascript

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

HTML

<ul class="pull-right dropdown inline"><a href="#" class="dropdown-toggle" data-toggle="dropdown"><li>Call us on 0844 873 0070 <b class="caret"></b></a>
    <ul class="dropdown-menu">
        <li><a href="#">Second level link</a></li>
        <li><a href="#">Second level link</a></li>
        <li><a href="#">Second level link</a></li>
        <li><a href="#">Second level link</a></li>
        <li><a href="#">Second level link</a></li>
    </ul></li>
</ul>

Answer 1

你的CSS有

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

它会自动显示菜单。您要么需要删除它，要么缩小其范围以涵盖更少的项目。