Скрипт табов
Простые, универсальные, легкие в кастомизации табы - http://jekad.github.io/justTabs/
На суд людской |
jekad,
только для одного элемента $('.page__tabs') на странице и tabs.children с find многовато может в переменную, зачем искать то что уже когда-то найдено или создано. |
Укажу, что нужно задавать другое имя класса для новых табов на странице.
С tabs.children с find согласен и правда много |
а чего не на js написано зачем привязываться к jQuery
Цитата:
|
хм, вставил табы <div class='page__tabs'> ...
вставил еще одни табы на страницу <div class='page__tabs-2'> ... инициализировал их $('.page__tabs').justTabs(); $('.page__tabs-2').justTabs(); в чем проблема с универсальностью? |
$('.page__tabs').justTabs();
вот зачем вторая строка инициализации одним вызовом взял и проинициализировал все табы и приведи больще примеров вертикальные табы не забудь неактивный таб вызывает смущение а нужен ли а также куки (гонять туда обратно) может storage? будет лучше если ссылки (a)не используются по прямому назначению, то они там не нужны я ведь не могу вставить в браузер ссылку таба и при переходе, чтоб он был открыт |
По поводу не активного таба, мне несколько раз на практике приходилось реализовывать, что-то вроде шагов,к примеру конструктор сбора товара. При определенных действиях разблокировался второй шаг и переходил на следующий таб.
Отдельно инициализировать каждые табы удобно, тем что для каждого можно задавать свои параметры $('.page__tabs-2').justTabs( {key: value} ); Пока их конечно мало, но возможно что-то добавится. |
зачем вам этот jquery? лишние 100500 байт ради того чтобы писать $ вместе document.querySelector?
|
Сейчас редкость, если на сайте не подключена jquery, это удобно. Хотя вы правы, сделаю отдельно версию на чистом js, лишним точно не будет.
|
jekad,
http://jqueryui.com/tabs/ |
Использовал их. Если нужно сделать вложенные табы приходится выдумывать и дописывать. Как по мне, не очень удобно указывать id для табчиков с контентом.(проблем нет, если нужны только одни табчики на странице) Плюс приходится тянуть jquery ui (450кб или около того). В общем решил сделать свои с блекджеком :)
|
Цитата:
|
Да проверил, вложенные табы работают, видимо я что-то намудрил тогда. Добавил поддержку вертикальных табов и storage. И примеров на сайте добавил.
Спасибо за мнение со стороны, возможно кому-нибудь да пригодятся. |
Часовой пояс GMT +3, время: 03:50. |