请看这个小提琴并点击“减少”:
如您所见,图像向右反弹。增加功能按钮完全可以正常工作。我知道问题出在这个函数上,我用注释特别指出了它:
function slide_img_right() {
var imgs = imgArr.length;
a--;
if (a < 0) {
a = imgs - 1;
}
b = a - 1;
c = a + 1;
if (b < 0) {
b = imgs - 1;
}
if (c >= imgs) {
c = 0;
}
var left = $('#left_slot');
var middle = $('#middle_slot');
var right = $('#right_slot');
var newImgSR = imgArr[a].clone();
$('#basic_div').animate({
left: '+=40px' // This part is causing the bounce
}, 300, function() {
});
left.attr('id', 'middle_slot');
middle.attr('id', 'right_slot');
(newImgSR).insertBefore("#middle_slot");
newImgSR.attr('id', 'left_slot');
newImgSR.css('opacity','0');
newImgSR.fadeTo(300, 1);
right.animate({
opacity: 0
}, 300, function() {
right.remove();
$('#basic_div').css({
left: '0px' //This part is causing the bounce back.
});
});
}
我只是不知道如何解决它。我试过改变宽度而不是左边,我也试过改变函数中发生的事情的顺序,但是我能做些什么来让那个东西像增加按钮一样只在相反的方向工作呢?谢谢!