jquery SlideUp 在弹出菜单上不起作用

发布于 2024-11-01 21:49:39 字数 229 浏览 0 评论 0原文

这是我的代码 http://jsfiddle.net/dmitrymar/65QHT/5/

我'我在使 SlideUp 与 css 弹出菜单一起使用时遇到问题。我让 SlideDown 开始工作，尽管不是很顺利。我很困惑 css 或 jquery 是否有问题，或者两者都有问题。请指教。谢谢。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

深居我梦 2024-11-08 21:49:39

好的。这是交易：

CSS：

#miniCartWrpr .miniCartFlyout {
    display:none;
    position:absolute;
    top:15px;
    right:-2px;
    z-index:2;
    overflow:hidden;
    height:auto;
    width:300px;
    background-color:#fff;
    white-space:normal;
    text-align:left;border:solid 2px #b2b2b2;
}

摆脱 #miniCartWrpr li:hover .miniCartFlyout

然后 Javascript：

$(document).ready(function() {
    $('#miniCartWrpr li').hover(
    function() {
        $('.miniCartFlyout').slideDown('slow');
    }, function() {
        $('.miniCartFlyout').slideUp('slow');
    });
});

Okay. here is the deal:

CSS:

#miniCartWrpr .miniCartFlyout {
    display:none;
    position:absolute;
    top:15px;
    right:-2px;
    z-index:2;
    overflow:hidden;
    height:auto;
    width:300px;
    background-color:#fff;
    white-space:normal;
    text-align:left;border:solid 2px #b2b2b2;
}

Get rid of #miniCartWrpr li:hover .miniCartFlyout

then Javascript:

$(document).ready(function() {
    $('#miniCartWrpr li').hover(
    function() {
        $('.miniCartFlyout').slideDown('slow');
    }, function() {
        $('.miniCartFlyout').slideUp('slow');
    });
});

回复收藏 0 原文

~没有更多了~