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 を取得したいと考えていました...これはサブタブの 1 つです。

このために、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')親タブとサブタブの 2 つの div が見つかります。$('.ui-tabs-active:last')を使用して、最下位レベルのタブを取得してみてください。

于 2013-09-27T05:08:56.463 に答える