Tenho esse HTML
<div class="slider">
<div class="slide ativa">
<img class="fade" src="http://funerariasaopedro.net.br/novo/_img/_banner/_site/bg_1.jpg" />
<span>Este é 1</span>
</div>
<div class="slide">
<img class="fade" src="http://funerariasaopedro.net.br/novo/_img/_banner/_site/bg_2.jpg" />
<span>Este é 2</span>
</div>
<nav>
<button class="anterior">Anterior</button>
<button class="proximo">Próximo</button>
</nav>
</div>
E esse jQuery
$(document).ready(function(e) {
function startslider() {
ativa = $("div.slider div.ativa")
if (!$(ativa).next().length) {
ativa = blocos[0]
}
$(ativa)
.removeClass("ativa")
.next()
.addClass("ativa")
setTimeout(startslider, 5000)
}
setTimeout(startslider, 5000)
})
A ideia aqui é percorrer APENAS as divs
cuja classe é .slide
.
Não pode chegar a correr na tag NAV.
Mas parece que o jQuery está setando o objeto NAV
também para a classe .slide
.
Como corrigir isso? A impressão que tenho é a de que
$(ativa).next().length
Sempre será verdadeira pois não há nenhuma comparação com .slide
para saber o de tem div.slide