我创建了一个导航条,并在两个下拉列表上添加了一个.slideDown()和.slideUp()效果
这就是它的工作原理:
如果我将鼠标悬停到下拉菜单上,.mouseenter()事件就会被触发,下拉列表的内容将滑落下来,如果我将鼠标解压到下拉列表,它会向上滑动并隐藏内容。
问题:
当我在第一个下拉菜单上解开鼠标时,它不会隐藏,当我尝试在第二个下拉菜单上悬停时,它没有工作,我点击了它,但当我将鼠标移到第二个下拉菜单时,它不会隐藏。
发布于 2014-02-01 03:18:46
你的剧本必须是
$(document).ready(function () {
$(".dropdown").mouseenter(function () {
$(this).children('.dropdown-menu').stop().slideDown();
}).mouseleave(function () {
$(this).children('.dropdown-menu').stop().slideUp();
});
});演示:小提琴
https://stackoverflow.com/questions/21493699
复制相似问题