同一页面不能使用多个auiTab的问题

页面HTML类似:
      <div class="aui-tab col-tab" id="tabFirst">
        <div class="aui-tab-item col-tab-item aui-active">主科</div>
        <div class="aui-tab-item col-tab-item">副科</div>
        <div class="aui-tab-item col-tab-item">课外</div>
    </div>
      <div class="aui-tab col-tab" id="tabSecond">
        <div class="aui-tab-item col-tab-item aui-active">国语</div>
        <div class="aui-tab-item col-tab-item">外语</div>
    </div>
我在使用时,定义了两个auiTab,代码如下:
        var tabF = new auiTab({
            element: document.getElementById("tabFirst")
        }, function(ret) {
            fnSwitchFirstTab(ret.index);
        });

        var tabS = new auiTab({
            element: document.getElementById("tabSecond")
        }, function(ret) {
            fnSwitchSecondTab(ret.index);
        });
当我在其它JS代码中动态设置上述两个tab的setActive时,前面定义的tab是无效的。
已邀请:

要回复问题请先登录注册