我只是试试http://jqueryfordesigners.com/jquery-infinite-carousel/的啧啧。我没有逐行跟踪,但有问题的代码在
之下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"));
}
左边似乎没有生效......
答案 0 :(得分:1)
问题是动画需要两秒钟,因此会覆盖你的css('左',......)电话。
以下代码通过仅在您不需要环绕开头时动画来修复此问题: http://jsfiddle.net/sryKu/12/
编辑: 玩了一下(不能帮助自己,喜欢这种东西) 我为你的代码添加了动画包装: http://jsfiddle.net/sryKu/28/注意:这会向后滚动,因此代码不是无限的。