Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/81.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
jquery,循环遍历div,然后在最后一个div上停止?_Jquery_Html_Jquery Ui - Fatal编程技术网

jquery,循环遍历div,然后在最后一个div上停止?

jquery,循环遍历div,然后在最后一个div上停止?,jquery,html,jquery-ui,Jquery,Html,Jquery Ui,我一直在四处寻找,但没有找到真正有效的东西 基本上,我们有一个间隙页面,用户点击一个按钮。我想循环浏览背景图像,比如说每幅500毫秒,然后停在最后一个div上 我发现了一些东西,但最后一个就没什么可以阻止了吗?我玩过的那些似乎在最后一个游戏中没有停止,它只是继续运行 提前谢谢 下面是代码,基本上,Slide1将显示500毫秒,Slide2显示500毫秒,然后在slideMain上停止: <div id="slideshow"> <div id="slide1"

我一直在四处寻找,但没有找到真正有效的东西

基本上,我们有一个间隙页面,用户点击一个按钮。我想循环浏览背景图像,比如说每幅500毫秒,然后停在最后一个div上

我发现了一些东西,但最后一个就没什么可以阻止了吗?我玩过的那些似乎在最后一个游戏中没有停止,它只是继续运行

提前谢谢

下面是代码,基本上,Slide1将显示500毫秒,Slide2显示500毫秒,然后在slideMain上停止:

 <div id="slideshow">
        <div id="slide1" class="active">Slide1</div>
        <div id="slide2">Slide2</div>
        <div id="slide3">Slide3</div>
        <div id="slide4">Slide4</div>
        <div id="slide5">Slide5</div>
        <div id="slide_main">SlideMain</div>
     </div>

幻灯片1
幻灯片2
幻灯片3
幻灯片4
幻灯片5
幻灯片

非常简单,只需在所有
中循环即可

<div class="image"></div>
<div class="image"></div>
<div class="image"></div>
<div class="image"></div>


$('div.image').each(function(){
     // do stuff
});

$('div.image')。每个(函数(){
//做事
});

您还可以选择父div并循环遍历其中包含的所有div

$("#slideshow > div").each(function(){
      var id = $(this).attr("id");
      if(id == "slide_main"){
           //Do Something
      }  
    }
);

这将为jQuery选择器提供一个上下文,因此将只在slideshow div中查找div,而不是整个DOM。

根据您的标记,看起来您在做某种幻灯片/循环操作。任何好的幻灯片/循环插件都会在某些事情发生时具有回调函数,因此您应该可以很容易地说:

$('#slideshow').cycle({onChange: function () {
    if ($('#slideshow div:last').is('.active')) {
        $('#slideshow').cyce('stop');
    }
}});

显然,不同插件的类和回调函数的名称会有所不同。

给我们展示一下你的代码怎么样?至少一个小的代码示例/示例会有所帮助。另外,请定义“在最后一个停止”的含义。循环完成所有图像后停止?在完成最后一个图像之前停止?在最后一个图像的动画期间停止?