Выбор и загрузка вкладки jquery

У меня возникли проблемы с попыткой использовать эту функциональность. Я хочу загрузить вкладку автоматически при загрузке страницы. Я использовал следующий код.

$tabs.tabs('select', 0);

Однако, что происходит, так это то, что он выбирает его и не загружает (эта вкладка загружается через ajax). Интересно, когда я выбираю другую вкладку, а затем снова возвращаюсь к первой вкладке, тогда она загружается отлично.

Ответы

Ответ 1

Вы пытались указать выбранную вкладку во время инициализации:

var $tabs = $('.selector').tabs({ selected: 0 });

После инициализации вы можете сделать это, чтобы программно выбрать вкладку:

$tabs.tabs('option', 'selected', 0);

EDIT: Это отлично работает для меня:

var $tabs = jQuery("#tabDiv > ul").tabs( { selected: null } );
$tabs.tabs("select", 0);

Ответ 2

Я просто отвечаю на этот вопрос, чтобы люди не ошибались с устаревшими функциями.

Большинство ответов были правильными во время вопроса, но большинство из них не использовалось в новом API.

попробуйте использовать следующий код. Если вы используете новый API.

$(function() { 
    $( "#tabs" ).tabs(); 
    $( "#tabs" ).tabs( "option", "active", 2 ); 
});

Подробнее см. ссылку ниже.

http://jqueryui.com/upgrade-guide/1.9/#deprecated-select-method

Ответ 3

Раньше у меня была такая же проблема. Решение, которое я имел, вызывало tabs() два раза; один раз без параметров; один раз с выбором:

Eg.

$("#tabs").tabs();
$("#tabs").tabs('select', 2);

Ответ 4

Не забудьте поставить его внутри $(document).ready(function() {;}); построить.

Я уверен, что это не причина вашей проблемы, но это не помешает убедиться, что ваш jQuery не срабатывает, пока все не настроено для его обработки.

Ответ 5

Вы можете позвонить:

$tabs.tabs('load', 0);

после того, как вы выберете его для загрузки своих данных.

Ответ 6

Предполагая, что вы использовали демо со страницы вкладок JQuery (http://jqueryui.com/tabs/#default). Вы можете легко выбрать вкладку, нажав на якорь. Просто найдите якорный тег на основе его имени табуляции, как это...

$('a[href=#tabs-1]').click(); //selects the first tab