28 комментариев

  1. Алекс
    31 августа 2015

    Есть недороботка. Посмотрев «демку», увидел что по умолчанию не задан «Tab1» как активный таб. Все 3 неактивны и только после нажатия «Tab1» становиться активным, но информация по умолчанию показывает содержание «Tab1».

    Спасибо за внимание, если ошибка браузера то у меня Chrome)

    • driver
      1 сентября 2015

      Спасибо. Мой косяк))) Исправил и в демо, и в архиве с исходниками.

      firstchild.addClass('tabulous_active');

  2. Антон
    4 декабря 2015

    Добрый день.

    Если текст коротки, допустим, 2 слова и строкой ниже еще 2 слова и тд, то текст выравняется по средине только относительно самого себя, а не относительно страницы. Если ширина текста занимает от края до края (как в примере) то текст выравняется по средине страницы.

    Если не ясно выразился измените тест на:

    Всем Привет

    Как дела

    и попробуйте выравнять по средине относительно страницы.

    А так очень достойные табы, жду ответа.Спасибо.

    • driver
      4 декабря 2015

      День добрый.

      В принципе, даже не рассматривал использование табов для вывода такой краткой информации. А вообще, можете поэкспериментировать с параметрами в tabulous.js, позиционирование бока с контентом выполняется в строке

      alldivs.css({'position': 'absolute','top':'40px'});

  3. Piratborn
    6 марта 2016

    <section id="Pages_Wind"> <!-- Первая --> <aside id="One"> <!-- Tab1Page1 --> <div id="tabs"> <ul> <li><a href="#tabs-1" title="">Оформление PG</a></li> <li><a href="#tabs-2" title="">Оформление Статьи</a></li> </ul> <div id="tabs_container"> <div id="tabs-1"> <!--содержание табов-->1 </div> <div id="tabs-2"> <!--содержание табов-->2 </div> </div> <!--Конец контейнера с содержанием табов--> </div> </aside><!-- Вторая --> <aside id="Two" style="display: none;"> <div id="tabs"> <ul> <li><a href="#tabs-3" title="">3</a></li> <li><a href="#tabs-4" title="">4</a></li> </ul> <div id="tabs_container"> <div id="tabs-3"> <!--содержание табов-->3 </div> <div id="tabs-4"> <!--содержание табов-->4 </div> </div> <!--Конец контейнера с содержанием табов--> </div> <!--Конец контейнера с содержанием табов--> </div> </aside> <!-- Третья --> <aside id="Three" style="display: none;"> <p>Группа символов для объема 3...</p> </div> </aside> </section>

    При этом 2 страница отображается не правильно.

    В чем может быть проблема?

    joxi.ru/52aN9WBsGNEonA

    • driver
      6 марта 2016

      Если на странице, вы используете несколько табов, то и идентификаторы у них должны быть уникальными, т.е. если у первого блока вкладок id="tabs", то у второго уже id="tabs2", и т.д...

      В исполняемом js.js прописываете id табов с понравившемся вам эффектом перехода. Например, если для первого блока вкладок вы выбрали эффект scale, а для второго slideLeft, код будет таким:

      $(document).ready(function($) { $('#tabs').tabulous({ effect: 'scale' });$('#tabs2').tabulous({ effect: 'slideLeft' }); });

      По приведённому вами коду html, в редакторе набросал пример, предварительно исправив все ваши ошибки(лишние закрывающие теги и т.п.), смотрите и всё поймёте: Тынц →

  4. Сергей
    28 мая 2016

    Табы имеют ряд косяков, которые в последней версии не исправлены.

    1. Первый таб по умолчанию активен, но высота не определяется высотой содержания контента первого блока.

    2. Если есть обычные ссылки в блоке табов или кнопки, то они не функционируют, или ссылки как невидимки смещаются на другие ссылки и получается хаос.

  5. Sergei
    17 июля 2016

    Столкнулся с проблемой с ссылками как и в предыдущем посте, только мои ссылки не работают вообще. Подскажите, нашлось ли решение данной проблемы?

  6. Загрузить еще комментарии…
Наверх
мобильн. компьютерная