Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery-未为最后一张幻灯片执行间隔-动画故障_Javascript_Jquery_Html - Fatal编程技术网

Javascript jQuery-未为最后一张幻灯片执行间隔-动画故障

Javascript jQuery-未为最后一张幻灯片执行间隔-动画故障,javascript,jquery,html,Javascript,Jquery,Html,我正在创建一个滑块,但是使用了一堆div而不是图像。我一共有3个div,前两个可以移动得很好,但最后一个飞得很快-它显示了一会儿,然后移回第一个div。我只希望它显示与前两个相同的时间。以下是我的html代码: <div id="ibToShow"> <div id='sliderWrapper'> <div class="infoBox" id="infob1"> blablabla </

我正在创建一个滑块,但是使用了一堆div而不是图像。我一共有3个div,前两个可以移动得很好,但最后一个飞得很快-它显示了一会儿,然后移回第一个div。我只希望它显示与前两个相同的时间。以下是我的html代码:

<div id="ibToShow">
    <div id='sliderWrapper'>
        <div class="infoBox" id="infob1">
            blablabla
        </div>

        <div class="infoBox" id="infob2">
            blablabla
        </div>

        <div class="infoBox" id="infob3">               
            blablabla
        </div>
    </div>
</div>
我感觉到这可能是因为动画在第三个div出现后立即停止了。但它不应该等待showTime中的设置吗


这个问题还没有解决。有人吗?

在上一个动画结束后,您正在将左边距更改为0。 我认为这样做会更好:

function startSlider() {
    interval = setInterval(function () {
        if(currentDiv++ <== $infoBox.length) {
            $sliderWrapper.animate({'margin-left': '-=' + width}, animationSpeed);
        }
        else {
            $sliderWrapper.animate({'margin-left': '0'}, animationSpeed);
            currentDiv = 0;
        }
    }, showTime);
}
函数startSlider(){
间隔=设置间隔(函数(){

如果(currentDiv++在上一个动画结束后,您正在将左边距更改为0。 我认为这样做会更好:

function startSlider() {
    interval = setInterval(function () {
        if(currentDiv++ <== $infoBox.length) {
            $sliderWrapper.animate({'margin-left': '-=' + width}, animationSpeed);
        }
        else {
            $sliderWrapper.animate({'margin-left': '0'}, animationSpeed);
            currentDiv = 0;
        }
    }, showTime);
}
函数startSlider(){
间隔=设置间隔(函数(){

如果(currentDiv++,
==
应替换为
,则
==
应替换为