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;