Универсальный jQuery-скрипт для блоков с вкладками (табами)
Вступление Мое знакомство с фреймворком jQuery произошло в 2008-м году, после того, как, однажды, на одном из англоязычных сайтов я нашел jQuery-скрипт, который позволяет создавать блоки с удобными вкладками. Этому скрипту я посвятил отдельный пост на данном блоге. С тех пор прошло 2 года, ...
Комментарии (978)
Отличный скрипт. Авторам огромное СПАСИБО. Пишу систему, и использую без заморочки ваши вкладки в ней =) В целом всё отлично)
Да и кстате, у тех у кого не чего не работает, советую не лезть в web вёрстку и программирования, ибо не понимая таких базовых и элементарных вещей делать вам в таких степях нечего… Это я про тех кто пишет и жалуется типа не пашет не робит)
Дмитрий, спасибо за скрипт!
Только вот загвозка, приходится на табы два раза нажимать… как это можно решить не подскажите?
пример
<ul class="tabs"></ul>
не должен находится в блоке<div class="box"></div>
. Смотрите, как в примере сделано.Спасибо за скрипт, установил и настроил без особых проблем, но вот опера 10.63 отказывает переключать вкладки, не подскажете в чем дело ?
Не знаю, у меня работает без проблем.
Добрый день! Попробовал поставить на DLE 9. Что-то у меня проблемка вышла.. Вообще там вроде с 9 версии jQuery итак подключается, но без подключения файла с гугла ничего не работало. Взял полностью css из примера, вставил в style.css . Все получилось кроме одного. Вкладки не кликабельны и поэтому не переключаются. Не подскажете в чем может быть проблема?
Без примера трудно что-либо сказать.
Вот сайт: http://bred.winchester7.ru
В левой панели внизу…
А у вас не подключен сам скрипт табов:
P.S.
Спасибо что не удалили ссылку из шаблона :)
А за ссылку благодарить то пока не за что.. Она там все равно во внутреннюю преобразована) Вот шабом займусь на неделе. Изменю все и наверно сделаю внешкой… :)
Вам спасибо за прекрасный шаблон!
Странно… Попробовал сейчас вставить скрипт сразу в head и все заработало… А почему не подключается то? В чем ошибка? :)
Я в исходном коде страницы не увидел его, и подключать надо после тега {headers}
Извиняюсь за флуд…
_http://www.poezdkin.com/main/403-kosta-daurada-o-kurortnoy-zone-i-razvlecheniyah.html – в самом низу живой пример рабочих табов на DLE9
Как-же? Подключен..
Вот это в head прописал:
А это в самом файле:
Здравствуйте !Все сделал как написано но вот вкладки не переключаются!На чем только не пробовал и на локальном сервереи на разных блогах!ну не переключаются и все!!Пробовал скрипт из примееров ставить редультат нулевой кстата в примерах которые скачал вкладки не переключаются а вот то что у Вас на блоге реальные примеры там работают!Пробовал и браузер другой бесполезно!!!Если можно помогите решить проблемку!
Либо у вас браузер неправильный, либо делаете что-то не так.
Спасибо я уже разобрался! не правильно подключал скрипт!А не подскажете как сделать табулированое меню в хедере!
По аналогии.
Подскажите, как сделать, чтобы не было прокрутки экрана при нажатии?
сделать высоту всех вкладок одинаковой.
Пока никак, потому что решение не найдено.
Не совсем понятно как по аналогии подключить в хедере!стили это уже второе !Перерыл весь интернет ни у кого нет !Есть описание общее, да пример смотришь все работает но как прикрутить это к блогу ни кто ще не написал !
По аналогии – т.е. берете код из моего примера, и вставляете в хэдер. Либо я не понимаю, что вы хотите получить в конечном результате.
да но ссылки на страницы тоже в ручную свтавлять??? ведь есть функция wp_list_pages или вы предлагаете скопировать полностью весь хтмл в хедер а потом вручную прописать все ссылки на страницы я правильно понял?
Так что вам мешает использовать эту функцию wp_list_pages?
Здравствуйте,я конечно извиняюсь за наивный вопрос который щас задам,но нчинающим наверное простительно.
Если я правильно понял, для того чтобы подключить фреймворк прописать его код необходимо в файл header.php используемой темы, jQuery-скрипт (который я скачал) можно закинуть и в корень сайта,главное указать путь ,например
<script type="text/javascript" src="http://мойсайт/tabs.js"></script>
и всё это дело записать в header.php после файла фреймворка (пожалуйста поправьте если я неправильно понял). А вот куда имено прописывать HTML-код и обязательные CSS-стили?В какие файлы и в какое место? И самое главное,каким образом выводить нужные мне блоки?
Если речь про WordPress, то стили в файл style.css, а HTML-код в то место шаблона, где хотите видеть табы.
В Интернете полно описаний по функциям WordPress, не поленитесь поискать.
Добрый день Дмитрий, скрипт отличный благодарю, ед. вопрос – возможно ли на его базе сделать что-то типа вкладок в браузере, т.е фишка в том что:
1 – при переходе между табами открывались отдельные независимые страницы а не куски текста, к примеру при нажатии на таб1.. таб10 открывались страницы info1/index.php ..info2/index.php и в чем главная фишка – чтобы они были независимы друг от друга – тоесть я могу переключаться между табами как в обычном браузере – типа браузер в браузере или вкладки во вкалдке.
Такое вообще возможно если нет то существуют ли таковые решения?
Заранее Благодарю!
Вам нужно поискать скрипт что-то типа jQuery ajax tabs.
Ага благодарю Дим, посмотрю, пока я нашел этот тоже замечательный ресурс и тему, вроде от части мое:
http://tutorialzine.com/2010/01/sweet-tabs-jquery-ajax-css/
Thx!
Скрипт мне понравился, спасибо за очень простой незамусоренный пример и хорошие разъяснения! Хотелось бы спросить профессионалов – а как сделать так, чтобы табы переключались не по событию нажатия мышкой, а автоматически секунды через 3, чтобы получился ротатор дивов?
Сколько бы ни пытался, не смог все это сотворить. В принципе, кажется что делаю все так же, а нет. ну просто не выходит. В подобном не силен. Жаль что не смог
Вопрос по скрипту:
подскажите пожалуйста, а как определить с помощью jquery какой из
….
в данный момент показан, необходимо в него добавить новые записи?