Javascript 鼠标输入/离开和关闭；鼠标悬停问题

脚本：

导航：

$( ".title").mouseenter(function() {
    var which = $(this).index();
    $('.globalnav li').find('.dropdown').hide().eq(which).show();
}).mouseleave(function() {
    var which = $(this).index();
    $('.globalnav li').find('.dropdown').hide().eq(which).hide();
});

标题

...

上面的代码是我现在正在使用的，它在Chrome中无法正常工作。我需要按住我的向下键来查看div。我使用mouseover，它在IE和FF中无法正常工作

由于编码格式本身（客户机给定的代码）的性质，我在显示标题的相关div（在标题悬停时，显示特定div）时也遇到问题。现在，当鼠标悬停在一个标题上时，它显示了第一个李的“导航链接”内容

---

谢谢

为什么要使用

.title

元素的索引，如果另一个LI是这样的，那么

哪个
变量将始终是
0
，并且它不是指向正确
的方法。下拉列表

试试这样的

<ul class="globalnav">
    <li>
        <div class="title"><a href="#" target="_self">Home</a></div>
        <div class="dropdown">
            <div class="navlinks">
                <div class="linkstitle">Title</div>
                <div class="navlink"><a href="#" target="_self">Link1</a></div>
                <div class="navlink"><a href="#" target="_self">Link1</a></div>
            </div>
        </div>
    </li>
...

如果您想让下拉列表在悬停时可见，请将其放置在触发鼠标移动的元素中

$( ".title").on('mouseenter mouseleave', function(e) {
    var dropdown = $(this).closest('li').find('.dropdown').toggle(e.type=='mouseenter');

    $('.dropdown').not(dropdown).hide();
});


标题


第一个很有魅力，谢谢！我想+1你，但我没有足够的代表：（&你知道为什么我必须按住click才能在chrome中工作吗？非常感谢！不确定，索引看起来真的很不稳定和奇怪，上面答案中的解决方案应该在所有答案中都能工作，但是如果你不想鼠标离开title元素时下拉菜单消失，你必须更改HTML。
<li>
    <div class="title">
        <a href="#" target="_self">Home</a>
        <div class="dropdown">
            <div class="navlinks">
                <div class="linkstitle">Title</div>
                <div class="navlink"><a href="#" target="_self">Link1</a></div>
                <div class="navlink"><a href="#" target="_self">Link1</a></div>
            </div>
        </div>
    </div>
</li>