使用.css()无效,将margin-left设置为0

时间:2015-07-02 10:46:33

标签: jquery

我不知道为什么这不起作用。它是一个图像滑块,但问题似乎是,一旦所有图像都用尽了(当前幻灯片=== slides.length),幻灯片放映不会通过将margin-left设置为0来重新​​启动。它只是无限地继续前进上。谢谢。小提琴:https://jsfiddle.net/1291beag/

    var $slider = $('#slider');
    var $slideContainer = $slider.find('.slides');
    var $slides = $slideContainer.find('.slide');

    setInterval(function() {
            $slideContainer.animate({'margin-left': '-=' + width}, animationSpeed);
            currentSlide++;
            if (currentSlide === $slides.length) {
                currentSlide = 1;
                $slideContainer.css('margin-left', 0);
            }
    }, pause);

});

1 个答案:

答案 0 :(得分:0)

尝试使用!对该元素很重要

例如

 $slideContainer.css('margin-left', '0 !important');

这应该有效