Javascript-форум (https://javascript.ru/forum/)
-   Ваши сайты и скрипты (https://javascript.ru/forum/project/)
-   -   Скрипт табов (https://javascript.ru/forum/project/55634-skript-tabov.html)

jekad 07.05.2015 16:49

Скрипт табов
 
Простые, универсальные, легкие в кастомизации табы - http://jekad.github.io/justTabs/
На суд людской

рони 07.05.2015 21:57

jekad,
только для одного элемента $('.page__tabs') на странице и tabs.children с find многовато может в переменную, зачем искать то что уже когда-то найдено или создано.

jekad 08.05.2015 11:05

Укажу, что нужно задавать другое имя класса для новых табов на странице.
С tabs.children с find согласен и правда много

Vlasenko Fedor 08.05.2015 11:40

а чего не на js написано зачем привязываться к jQuery
может на чистом css :lol:
Цитата:

Сообщение от jekad
Укажу, что нужно задавать другое имя класса для новых табов на странице

зачем, так вообще универсальность улетучивается

jekad 08.05.2015 11:56

хм, вставил табы <div class='page__tabs'> ...
вставил еще одни табы на страницу <div class='page__tabs-2'> ...
инициализировал их
$('.page__tabs').justTabs();
$('.page__tabs-2').justTabs();
в чем проблема с универсальностью?

Vlasenko Fedor 08.05.2015 12:08

$('.page__tabs').justTabs();
$('.page__tabs-2').justTabs();
вот зачем вторая строка инициализации
одним вызовом взял и проинициализировал все табы и приведи больще примеров вертикальные табы не забудь
неактивный таб вызывает смущение а нужен ли
а также куки (гонять туда обратно) может storage? будет лучше
если ссылки (a)не используются по прямому назначению, то они там не нужны
я ведь не могу вставить в браузер ссылку таба и при переходе, чтоб он был открыт

jekad 08.05.2015 17:03

По поводу не активного таба, мне несколько раз на практике приходилось реализовывать, что-то вроде шагов,к примеру конструктор сбора товара. При определенных действиях разблокировался второй шаг и переходил на следующий таб.

Отдельно инициализировать каждые табы удобно, тем что для каждого можно задавать свои параметры $('.page__tabs-2').justTabs( {key: value} ); Пока их конечно мало, но возможно что-то добавится.

sexbot 09.05.2015 14:48

зачем вам этот jquery? лишние 100500 байт ради того чтобы писать $ вместе document.querySelector?

jekad 11.05.2015 20:48

Сейчас редкость, если на сайте не подключена jquery, это удобно. Хотя вы правы, сделаю отдельно версию на чистом js, лишним точно не будет.

рони 11.05.2015 21:16

jekad,
http://jqueryui.com/tabs/

jekad 12.05.2015 09:56

Использовал их. Если нужно сделать вложенные табы приходится выдумывать и дописывать. Как по мне, не очень удобно указывать id для табчиков с контентом.(проблем нет, если нужны только одни табчики на странице) Плюс приходится тянуть jquery ui (450кб или около того). В общем решил сделать свои с блекджеком :)

рони 12.05.2015 13:28

Цитата:

Сообщение от jekad
Если нужно сделать вложенные табы приходится выдумывать и дописывать. Как по мне, не очень удобно указывать id для табчиков с контентом

:blink: бред какой-то

jekad 12.05.2015 13:51

Да проверил, вложенные табы работают, видимо я что-то намудрил тогда. Добавил поддержку вертикальных табов и storage. И примеров на сайте добавил.
Спасибо за мнение со стороны, возможно кому-нибудь да пригодятся.


Часовой пояс GMT +3, время: 03:50.