Question

很抱歉这个，但我正在尝试编辑我的网站代码，我正在编辑的是下拉菜单，当我将鼠标悬停在链接本身时会出现下拉菜单，但当我将光标悬停在下拉菜单，下拉菜单就会消失，我之前已经问过这个问题，谢天谢地有人修好了，如果有人可以帮我修理下拉菜单，我真的很感激，我也有一个问题就是移动＆＃34; ==＆＃34;标题到网站的顶部，由于某种原因，它无法进入最顶层，但基本上可以有人请帮我修复下拉菜单，谢谢！

PS。我知道这不是正确的方法来实现我的代码到这个网站，但我不完全确定如何和我想快速绕过这个下拉菜单问题，再次感谢！

源代码： http://pastebin.com/Yuxmi9g9

CSS： http://pastebin.com/QrpJr68C

Answer 1

我在https://jsfiddle.net/ssucugx1/

上编写了代码

最好更清楚地展示你的榜样。你的问题不能用css解决，或者除非你能做到这一点（即删除按钮之间的边距），这不是一个好方法。

如果你使用javascript，尤其是jQuery，这个问题很容易解决。我认为你是网络编程的新手（只是我的猜测），使用Bootstrap是很好的答案。 Bootstrap Getting Started

转到该网站，然后在<head>中复制并粘贴CDN代码，并将这些代码放入您的项目中。还有你的身体，

<div class="dropdown">
    <button id="dLabel" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="btn btn-default">Dropdown trigger <span class="caret"></span>

    </button>
    <ul class="dropdown-menu" aria-labelledby="dLabel">
        <li><a href="#">Eat Healthy</a>

        </li>
        <li><a href="#">Workout</a>

        </li>
        <li><a href="#">Advice</a>

        </li>
    </ul>
</div>
<script>
$('.dropdown-toggle').dropdown();
</script>

这就是全部。这是小提琴的例子。 https://jsfiddle.net/oh3ck3Lr/

下拉菜单，当我将鼠标悬停在它上面时保持消失

1 个答案: