jquery完成后停止动画

时间:2011-09-12 19:11:44

标签: jquery

我环顾四周,发现问题无法解决。这里是... 当我的页面加载时,我从左侧水平进入页面动画。 div从负片动画到0.酷,正是我想要它做的。

问题是,当点击新链接并加载另一个页面时,我不希望div设置动画。我想我会创建一个if语句,当div等于0停止动画或保持其原始值为0时。每次单击链接时页面重新加载时,代码开头的animate()都会播放出来。我该如何解决这个问题?

// Set new postion of sideBarNavigation to animate into container screen
var newSbnXPosition = $(".slideContainer").css({"top": "0em" , "left": "-14.3125em"});
//alert(newSbnXPosition.position().left);

(newSbnXPosition).animate({left: "0"}, "slow", function() {
    console.log("imagesContainer = " + $(".imagesContainer").position().left);
    if (newSbnXPosition.position().left === 0) {
            console.log("statment is true remove animation");
            //$(".slideContainer").css({"top": "0em" , "left": "0em"});
            //newSbnXPosition.position().left = 0;

    }
});

1 个答案:

答案 0 :(得分:0)

根据评论,使用此Cookie插件: http://plugins.jquery.com/project/Cookie

像这样设置一个cookie:

$.cookie("example", "foo");

检查cookie是否存在如下:

$.cookie("example");

删除这样的Cookie:

$.cookie("example", null);