Jquery選項卡選中沒有選項卡被選中

Question

使用jQuery選項卡插件，我將如何編寫一個檢查以查看沒有選項卡被選中。目前我知道當一個選項卡處於活動狀態時，.ui-state-active被設置。

我該如何去做檢查頁面加載以及每個標籤點擊後？理想情況下，我想一個div出現說要選擇一個選項時，任何選項卡中選擇

HTML

<div id="comments-tabs"> 
       <ul> 
        <li><a href="#Europe">Europe</a></li> 
        <li><a href="#NorthAmerica">North America</a></li> 
        <li><a href="#SouthAmerica">South America</a></li> 
        <li><a href="#Africa">Africa</a></li> 
        <li><a href="#Asia">Asia</a></li> 
        <li><a href="#Oceania">Oceania</a></li> 
        <li class="resetcontinent"><a href="#" class="resetcontinent">reset</a></li> 
       </ul> 
       <div id="Europe" class="country"> 
        Europe 
       </div> 
       <div id="NorthAmerica" class="country" style="margin:0 0 0 122px;"> 
        North America 
       </div> 
       <div id="SouthAmerica" class="country" style="margin:0 0 0 244px;"> 
        South America 
       </div> 
       <div id="Africa" class="country" style="margin:0 0 0 368px;"> 
        Africa 
       </div> 
       <div id="Asia" class="country" style="margin:0 0 0 490px;"> 
        Asia 
       </div> 
       <div id="Oceania" class="country" style="margin:0 0 0 611px;"> 
        Oceania 
       </div> 
      </div><!--comments-tabs--> 

jQuery的

$("#comments-tabs").tabs({collapsible: true, selected: -1}); 

Answer 1

您可以測試selected選項返回索引或-1（如果沒有選定的選項卡）;

var nothingSelected = $("#comments-tabs").tabs("option", "selected") === -1;