Нажмите, чтобы открыть вкладку Jquery UI

Question

Нажмите, чтобы открыть вкладку Jquery UI

0

Я использую jquery и jquery UI для вкладок. Я хочу открыть вкладку "Перевод" на кнопке "Сохранить", щелкнув

<div id="dialog3" class="window">
        <ul>
            <li><a href="#tabs-1">Information</a></li>
            <li><a href="#tabs-2">Translation</a></li>
        </ul>
        <div id="tabs-1" style="overflow:auto ; height:375px">
            <p>Information</p>
        </div>
         <div id="tabs-2" style="overflow:auto ; height:375px">
            <p>Translation</p>
        </div>
    </div>

Любая помощь будет оценена по достоинству.

Prince 01 окт. 2013, в 08:21

Источник

Теги:

jquery

jquery-ui

5 ответов

2

Простым способом просто вызвать событие click на # tabs-2 (имитирует щелчок на # вкладках-2)

$('a[href="#tabs-2"]').click();

или это, если у вас много диалогов вкладок

$('#dialog3 a[href="#tabs-2"]').click();

Надеюсь, это поможет!

Chokchai 01 окт. 2013, в 03:57

1

$( "#dialog3" ).tabs( "option", "active", 1 );

ссылка активна

Rituraj ratan 01 окт. 2013, в 03:01

0

Вы можете попробовать: $("#dialog3").tabs("select", 1);

Функция для получения правильного индекса вкладки:

function GetTabIndexByID(tabsDivId, searchedId) {
    var index = -1;
    var i = 0, els = $("#" + tabsDivId).find("ul a");
    var l = els.length, e;
    while (i < l && index == -1) {
        e = els[i];
        if (searchedId == e.id) {
            index = i;
        }
        i++;
    };

    return index;
}

Использование: GetTabIndexByID('dialog3', 'tab2')

IMP: укажите идентификатор вашего <a href="#tabs-1" id="tab1"/> id <a href="#tabs-1" id="tab1"/>

Наконец: $("#dialog3").tabs("select", Number(GetTabIndexByID('dialog3', 'tab2')));

Рабочий скрипт: http://jsfiddle.net/NuhFa/

Vishal Vaishya 01 окт. 2013, в 02:40

0

Попробуй это

<script>
$(function() {
$( "#tabs" ).tabs();
});
</script>

Для справки проверьте это

Praveen D 01 окт. 2013, в 02:35

Ещё вопросы

Arun P Johny · Accepted Answer · 2013-10-01T03-36-00.000Z

Используйте активные параметры, чтобы установить его в обработчике кликов сохранения

$( "#dialog3" ).tabs( "option", "active", 1 );