javascript – jQuery .slideUp()无效

前端之家收集整理的这篇文章主要介绍了javascript – jQuery .slideUp()无效前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我遇到了一个我似乎无法理解的问题.

这是我的jQuery代码

var doc = document;
var win = window;
$(doc).ready(function(){
        $('.t').click(function(){
            $('#Notify').slideUp(600);          
        });
});

代码要长得多,但我把它缩短了,只是问题所在.

这是#Notify的CSS

#Notify {
    display: none;
    bottom: 0;
    right: 0;
    position: fixed;
    background: rgba(0,0.6);
    height: 100px;
    width: 100%;
}

奇怪的是,这似乎并没有让所有事情发生在一起,但当我删除显示:无;然后单击.t它将向下滑动并消失.

解决方法

slideUp无效,因为您的元素已被隐藏.将它更改为slideDown,你会看到它出现;相反,将CSS设置为可见,您将看到它消失.

这是一个jsFiddle玩.

原文链接:https://www.f2er.com/jquery/156472.html

猜你在找的jQuery相关文章