Как установить defaultTab в easyTabs all-dominant?

Я загружаю содержимое ajax в div-контейнер по нескольким навигационным ссылкам и использую следующий сценарий для установки вкладки defaultTab:

$(document).ready( function() {
  $("#tab-container").easytabs({updateHash: true, defaultTab: "li:eq(3)"});
});

Это прекрасно работает, пока я не использую что-то вроде «#tab1-9 » в url, нажав на вкладку . Тогда не имеет значения, как я установил defaultTab.

Как установить эту вкладку defaultTab, несмотря на содержимое url-адреса?

2 ответа

  1. Вы можете вручную изменить вкладку на странице перезагрузки, даже если url содержит некоторые #tabId. Этот плагин имеет метод, встроенный для этого.

    EasyTabs в настоящее время имеет один открытый метод, называемый select, который позволяет
    выберите вкладку с помощью JavaScript.

    Просто добавьте этот код в свою $(document).ready()функцию:
    $('#tab-container').easytabs('select', '#default-tab-link');после этой строки: $("#tab-container").easytabs({updateHash: true, defaultTab: "li:eq(3)"});

    Тогда ваш код должен быть таким:

    $(document).ready( function() {
      $("#tab-container").easytabs({updateHash: true, defaultTab: "li:eq(3)"});
      $('#tab-container').easytabs('select', '#default-tab-link');
    });
    

    И в вашем html коде, внутри третьего liэлемента (который вы хотите использовать по умолчанию) установите idатрибут <a>tag в default-tab-link

  2. Я нашел:

    $("#tab-container").easytabs({updateHash: true, defaultTab: "li:eq("+nTab+")", active: nTab});
    $('#tab-container').easytabs('select', '#tabs1-'+String.fromCharCode(nTab+97));
    

    Это работает также в fiddle здесь .

    Большое спасибо за подсказку.