爲什麼在自動標籤更改後setInterval無法正常工作

Question

我使用JQuery .tab()來構建一個標籤，並且我想讓它可以是連續的自動切換標籤，但是在加載頁面後它沒有工作。 我發現，當我導入這個外部腳本時，自動選項卡不起作用。

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

這裏是我的代碼，請幫助我知道爲什麼它不工作。謝謝。

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>

Answer 1

你的代碼，做工精細看一看Working Fiddle，只要確保你的jquery-ui已正確包含並檢查您的控制檯，如果有一個錯誤。

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); 

如果沒有<script type="text/javascript" src="/solar_energy/lib/jquery-1.9.1.min.js"></script>你的代碼的工作，我想，你已經包括在你的代碼jQuery的地方。