jQuery css(“left”,val)似乎不起作用

时间:2011-02-26 09:40:37

标签: jquery

我只是试试http://jqueryfordesigners.com/jquery-infinite-carousel/的啧啧。我没有逐行跟踪,但有问题的代码在

之下

http://jsfiddle.net/sryKu/3/

if (currentPage < 1) {
    $wrapper.css("left", - (itemsPerPage * itemWidth) * (pages-1) + "px" ); // < ------ doesn't seem to get set
    currentPage = pages;
    console.log("wrapper left: " + $wrapper.css("left"));
} else if (currentPage > pages) {
    $wrapper.css("left", - (itemsPerPage * itemWidth) + "px"); // < ------ doesn't seem to get set
    currentPage = 1;
    console.log("wrapper left: " + $wrapper.css("left"));
}

左边似乎没有生效......

1 个答案:

答案 0 :(得分:1)

问题是动画需要两秒钟,因此会覆盖你的css('左',......)电话。

以下代码通过仅在您不需要环绕开头时动画来修复此问题: http://jsfiddle.net/sryKu/12/

编辑: 玩了一下(不能帮助自己,喜欢这种东西) 我为你的代码添加了动画包装: http://jsfiddle.net/sryKu/28/注意:这会向后滚动,因此代码不是无限的。