Perché setInterval non funziona dopo il cambio automatico delle schede: javascript, jquery

Ho usato JQuery .tab() per creare una scheda e volevo che potesse esserescheda di commutazione automatica continua, ma non ha funzionato dopo aver caricato la pagina. Ho scoperto che quando ho importato questo script esterno, la scheda automatica non funzionava.

<script type="text/javascript" src="/solar_energy/lib/jquery-1.9.1.min.js"></script>

Ecco il mio codice, per favore aiutami a sapere perché non ha funzionato. Thx.

var n = 3, //number of tabs
i = 0; // current tab

$("#tabs").tabs();
setInterval(function() {
i = (++i < n ? i : 0);
$("#tabs").tabs("option", "active", i);
}, 2000);

<div id="tabs">
<ul>
<li><a href="1.html">tab 1</a>
</li>
<li><a href="2.html">tab 2</a>
</li>
<li><a href="3.html">tab 3</a>
</li>
</ul>
</div>

risposte:

Il tuo codice funziona bene, dai un'occhiata Fiddle che lavora, assicurati solo che il tuo jquery-ui è incluso correttamente e controlla la tua console se c'è un errore.

HTML:

<div id="tabs">
<ul>
<li><a href="1.html">tab 1</a>
</li>
<li><a href="2.html">tab 2</a>
</li>
<li><a href="3.html">tab 3</a>
</li>
</ul>
</div>

JS:

var n = 3, //number of tabs
i = 0; // current tab

$("#tabs").tabs();
setInterval(function() {
i = (++i < n ? i : 0);
$("#tabs").tabs("option", "active", i);
}, 2000);

Se il tuo codice funziona senza <script type="text/javascript" src="/solar_energy/lib/jquery-1.9.1.min.js"></script> Immagino che tu abbia già incluso jquery da qualche parte nel tuo codice.