如何判断哪个标签当前打开？湿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插件

回答

相关问题