Question

所以当我点击包装器时我试图滑下我的标题，然后当我再次点击时它向上滑动。它仅在我第一次点击时才起作用，然后它继续向下滑动标题。

这是代码：

var header = $("header");
$("wrapper").on("click", function () {
    if (header.css({"top" : "-8%"})) {
        header.animate({"top" : "0%"}, 500);
    } else if (header.css("top") == '0%') {
        header.animate({"top" : "-8%"}, 500);
    };
});

Answer 1

试试这个：

$(".wrapper").click( function ()
{
    if ( $(".header").css( 'top' ) == '-8%' )
        $(".header").animate( {'top' : '0%'}, 500);
    else
        $(".header").animate( {'top' : '-8%'}, 500);
} );

我认为＆＃39;包装＆＃39;和＆＃39;标题＆＃39;这些课程是我加入$（＆＃34; .header＆＃34;）的原因。如果您已对其进行了标记，请写入$（＆＃34;＃header＆＃34;）。

对不起我的英语，我是法国人。

第二次单击后jquery动画不能正常工作

1 个答案: