如何判斷哪個標籤當前打開？溼Boew插件

我使用從溼boews工具包（http://wet-boew.github.io/v4.0-ci/docs/ref/tabs/tabs-en.htm升）如何判斷哪個標籤當前打開？溼Boew插件

標籤式界面到頁面後加載，我怎麼能確定哪個選項卡是開放的。

我曾嘗試以下，但奇怪的是他們都返回true

 <div class="wb-tabs"> 
     <div class="tabpanels">  
      <details id="details-panel-panel1"> 
       <summary>Example 1</summary> 
       <p>     ...    </p>   
     </details> 
     <details id="details-panel-panel2"> 
       <summary>Example 2</summary> 
       <p>    ...    </p>   
    </details>  </div> </div> 


var panel1 = ($("details-panel-panel1").attr("open")) ? true : false; 
var panel2 = ($("details-panel-panel2").attr("open")) ? true : false;

來源

2017-09-14 Tim Cadieux

兩個小技巧：通過id

獲取元素，你需要在ID前加#字符$('#details-panel-panel1')
$("#details-panel-panel1").attr("open")會得到屬性值open，它不會告訴你是否存在（不會是布爾值）。

說，我找不到文檔中任何東西，但我一直在尋找生成的代碼，而實際上，如果標籤是通過查看open屬性打開你不能告訴。但我注意到兩兩件事：

屬性aria-expanded是打開的選項卡上的真實，並在休息假。
打開選項卡的類別爲in，其他人有out。

你可以去任何一種方式：

$('#details-panel10').attr('aria-expanded') === "true"

或

$('#details-panel10').hasClass('in') === true

來源

2017-09-14 02:22:09

如何判斷哪個標籤當前打開？溼Boew插件

回答

相關問題