【问题标题】:jquery slideUp doesn't work on flyout menujquery slideUp在弹出菜单上不起作用
【发布时间】:2011-04-17 17:22:31
【问题描述】:

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

我无法让 slideUp 与 css 弹出菜单一起使用。虽然不是很顺利,但我让 slideDown 开始工作。我很困惑css或jquery或两者都有问题。请指教。谢谢。

【问题讨论】:

    标签: jquery hover slidetoggle slidedown slideup


    【解决方案1】:

    好的。这是交易:

    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');
        });
    });
    

    【讨论】:

    • @mu 太短了,对不起,我显然在 jsfiddle 中测试了它,但后来想只是在这里复制和粘贴,也没有很好地格式化。谢谢你这样做。会照顾。干杯,
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2014-11-02
    • 2012-06-15
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-07-23
    相关资源
    最近更新 更多