问悬停效果上的JavaScript对子链接无效
EN

Stack Overflow用户

提问于 2016-06-30 16:27:17

回答 0查看 67关注 0票数 0

我有一个导航栏，昨天我得到了很多帮助，它看起来真的很好，我得到帮助创建了一些JQuery，在点击链接时显示一个新的栏，我试图将单击事件替换为悬停，一开始新的div会出现，但是当我选择一个链接时，div又消失了。我尝试将脚本更改为当子链接悬停在上面时保持不变，如下所示：

$('.navbar ul li:nth-child(2) a').hover(function() {
    $(".additional").slideToggle()
});

$('.navbar ul li:nth-child(2) a').hover(function() {
    $(".additional child(*)").slideToggle()
});

This is the fiddle of the (almost) working navigation bar

这是我用来把导航栏放在一起的HTML，还有一些CSS用来做颜色和其他小的调整

<header>
        <div class="navbar">
                <ul>
                    <li style="float: left"><a href="#home">Home</a></li>
                    <li><a href="#contract">Contracts</a></li>
                    <li><a href="#about">About Us</a></li>
                    <li><a href="#other">Other</a></li>
                    <li> <a href="#release">Release Notes</a></li>
                    <li> <a target="_blank" href="http://www.phpartnership.com">Pinnacle Health Partnership</a></li>
                </ul>
                    <ul class="additional">
                        <li><a target="_blank" href="https://lscm.pharmoutcomes.org/celesio">Lloyds Pharmacy</a></li>
                        <li><a target="_blank" href="https://contracts.pharmoutcomes.org/superdrug/home">Superdrug Pharmacy</a></li>
                        <li><a target="_blank" href="https://contracts.pharmoutcomes.org/daylewis/home">Day Lewis Pharmacy</a></li>
                </ul>
        </div>
</header>

jquery

javascript

回答

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/38117738

复制

相似问题

问悬停效果上的JavaScript对子链接无效
EN

回答

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问悬停效果上的JavaScript对子链接无效EN

回答

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问悬停效果上的JavaScript对子链接无效
EN