Javascript 使用随机启动设置间隔滑块<;部门>;,如何穿越所有<;divs>;?
我有一个Jsonp请求返回如下html块Javascript 使用随机启动设置间隔滑块<;部门>;,如何穿越所有<;divs>;?,javascript,jquery,html,Javascript,Jquery,Html,我有一个Jsonp请求返回如下html块 <div id="slider_wrapper" style=""> <div style="xxx" ><section style="xx">xx</section></div> <div style="xxx" ><section style="xx">xx</section></div> <div style=
<div id="slider_wrapper" style="">
<div style="xxx" ><section style="xx">xx</section></div>
<div style="xxx" ><section style="xx">xx</section></div>
<div style="xxx" ><section style="xx">xx</section></div>
<div style="xxx" ><section style="xx">xx</section></div>
...
...
</div>
上述解决方案工作正常,问题是它重复相同的内容,一旦到达最后一个div,就不会从位置0开始
例如:
div总数:5如果随机数是2 它从2,3,4,2,3,4开始,而不是2,3,4,0,1 如何在到达终点后从第一个开始滑动,而不考虑起始div?这应该可以做到:
setInterval(function() {
if(! $("#slider_wrapper:has(div:eq('+id+'))") )
{
id = 0 ;
}
$('#slider_wrapper > div:eq('+id+')')
.fadeOut(1000)
.next()
.fadeIn(1000)
.end()
.appendTo('#slider_wrapper');
}, 5000);
这应该做到:
setInterval(function() {
if(! $("#slider_wrapper:has(div:eq('+id+'))") )
{
id = 0 ;
}
$('#slider_wrapper > div:eq('+id+')')
.fadeOut(1000)
.next()
.fadeIn(1000)
.end()
.appendTo('#slider_wrapper');
}, 5000);
在哪里检查这种情况?没有@Aritra。这种情况永远不会变成现实。你为什么这么说?我还有第二个建议。。。。如果div来自数据库,则只需向每个div添加一个id。然后使用这个:
if($(“#滑块#包装器”).find(#id”).length>0)
在哪里检查这个条件?否@Aritra。这种情况永远不会变成现实。你为什么这么说?我还有第二个建议。。。。如果div来自数据库,则只需向每个div添加一个id。然后使用这个:if($(“#slider_wrapper”).find(#id”).length>0)