javascript - 悬停时 Bootstrap 下拉菜单不起作用，我做错了什么？

Question

我试图在 Bootstrap 中打开一个悬停下拉菜单，但不知何故它不起作用。我怀疑我的 jQuery 代码有误，但我不知道是什么？

这是我的 HTML:

<a href="#" id="dropdown-filter" data-target="#"  data-toggle="dropdown">
    <button type="button" class="btn btn-primary">Filters</button>
</a>
<ul class="dropdown-menu pull-right" role="menu">
    <li>
        <div class="results-filter">
            Content goes here
        </div>
    </li>
</ul>

和我的 jQuery:

jQuery('#dropdown-filter').hover(function() {
    jQuery(this).find('.dropdown-menu').stop(true, true).delay(100).fadeIn();
 }, function() {
    jQuery(this).find('.dropdown-menu').stop(true, true).delay(100).fadeOut();
});

当我点击顶部时有效，但当我悬停时无效。

Answer 1

jQuery(this).find('.dropdown-menu')不会在这里工作 .dropdown-menu不是 <a>-#dropdown-filter 的 child .

.find()搜索 child 。

使用 jQuery(this).next('.dropdown-menu')...