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

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

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

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

Here is my code http://jsfiddle.net/dmitrymar/65QHT/5/

I'm having trouble making slideUp work with css flyout menu. I got the slideDown to work although not very smoothly. I'm confused whether there's a problem with css or jquery or both. Please advise. Thanks.

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

扫码二维码加入Web技术交流群

发布评论

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

评论(1

深居我梦 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');
    });
});
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文