jquery,循环遍历div,然后在最后一个div上停止?
我一直在四处寻找,但没有找到真正有效的东西 基本上,我们有一个间隙页面,用户点击一个按钮。我想循环浏览背景图像,比如说每幅500毫秒,然后停在最后一个div上 我发现了一些东西,但最后一个就没什么可以阻止了吗?我玩过的那些似乎在最后一个游戏中没有停止,它只是继续运行 提前谢谢 下面是代码,基本上,Slide1将显示500毫秒,Slide2显示500毫秒,然后在slideMain上停止:jquery,循环遍历div,然后在最后一个div上停止?,jquery,html,jquery-ui,Jquery,Html,Jquery Ui,我一直在四处寻找,但没有找到真正有效的东西 基本上,我们有一个间隙页面,用户点击一个按钮。我想循环浏览背景图像,比如说每幅500毫秒,然后停在最后一个div上 我发现了一些东西,但最后一个就没什么可以阻止了吗?我玩过的那些似乎在最后一个游戏中没有停止,它只是继续运行 提前谢谢 下面是代码,基本上,Slide1将显示500毫秒,Slide2显示500毫秒,然后在slideMain上停止: <div id="slideshow"> <div id="slide1"
<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');
}
}});
显然,不同插件的类和回调函数的名称会有所不同。给我们展示一下你的代码怎么样?至少一个小的代码示例/示例会有所帮助。另外,请定义“在最后一个停止”的含义。循环完成所有图像后停止?在完成最后一个图像之前停止?在最后一个图像的动画期间停止?