0

我正在使用如下标签结构：

<div id="tabs">
        <ul>
            <li><a href="#dia_details">Details</a></li>
            <li><a href="#tab_raise_req">Raise Req</a></li>
        </ul>
        <div id="dia_details">
            <div id="sub_tabs">
                <ul>
                    <li><a href="#DIA_details">DIA Details</a></li>
                    <li><a href="#allocate_ba">Allocate BA</a></li>
                </ul>
                <div id="DIA_details>
                    <form>
                    --Code--
                    </form>
                </div>
                <div id="allocate_ba">
                    <form>
                    --Code--
                    </form>
                </div>
            </div>
        </div>
        <div id="tab_raise_req">
            <form>
                --Code--
            </form>
        </div>

当我在子选项卡中并想要保存我为其定义了按钮的特定选项卡时，我想获取当前活动选项卡的选项卡 ID .....这是子选项卡之一。

为此，我在 Jquery 中使用了以下函数：

// Save Changes button click
$("#save_changes_id").click(function() {
    //  To retrieve the current TAB and assign it to a variable ...
    var curTab = $('.ui-tabs-active'); 
    var curTabPanelId = curTab.find("a").attr("href");
    responseData = doAjaxCall($(curTabPanelId + " form"));
    if(responseData == 1) 
        showMessage('status_msg', 'Project details updated successfully', 'green');
    else
        showMessage('status_msg', 'Error: Please check all the fields', 'red');
});

这里函数返回父选项卡的 id 而不是子选项卡。我尝试使用 addClass 和 removeClass 但没有用。

请为此提出解决方案。提前谢谢你。

4

2 回答 2

0

$('.ui-tabs-active')将找到两个 div，父标签和子标签。尝试使用$('.ui-tabs-active:last')获取最低级别的选项卡。

于 2013-09-27T05:08:56.463 回答
0

你也可以试试

    var curTab = $('#sub_tabs .ui-tabs-active');
于 2013-09-27T05:32:07.963 回答