Красивые и многофункциональны закладки jquery.tabs, реализовал на jQuery некий Klaus.
Плагин под jQuery подключается как обычно:
<script src="jquery.js" type="text/javascript"></script> <script src="jquery.history_remote.pack.js" type="text/javascript"></script> <script src="jquery.tabs.pack.js" type="text/javascript"></script>
где jquery.history_remote – это плагин для запоминания ajax а jquery.tabs.pack – плагин закладок.
Используем так:
<script type="text/javascript">
$(function() {
$('#container-1').tabs();
});
</script>
И HTML:
<div id="container"> <ul> <li><a href="#section-1">Закладка 1</a></li> <li><a href="#section-2">Закладка 2</a></li> <li><a href="#section-3">Закладка 3</a></li> </ul> <div id="section-1"> ... </div> <div id="section-2"> ... </div> <div id="section-3"> ... </div> </div>
Плагин понимает большое количество параметров, и вообще много всего умеет (с закладками).
Более подробно смотрите пример закладок на jQuery.
Или скачайте архив с примером.


(голосов 11, в среднем: 3.91 из 5)
#1 RomanVasin - Ноябрь 9th, 2009 at 23:19
Не работает в MOZILLA Firefox 3.0.15 ((((
#2 nice - Ноябрь 10th, 2009 at 00:02
Странно, но у меня работает как в mozilla 3 так и в mozilla 3.5.5
Может дело не в браузере?
#3 Сергей - Декабрь 11th, 2009 at 13:29
у меня в мозилле той же версии все работает, может у тебя скрипты отключены или вирусы покоцали систему и браузер?
#4 delf - Апрель 18th, 2011 at 13:35
Ошибка в примере в этом посте.
надо
Закладка 1</span
пропущен span (час убил пока нашел)
поэтому и не работает у некоторых кто пробовал не с примера а с поста…
автору незачет… ;-)
#5 delf - Апрель 18th, 2011 at 13:38
блин и редактор УГ пропускает тэги
коротше автор пофикси пример…
и теги пропускать не надо
alert()
#6 nice - Апрель 18th, 2011 at 14:42
delf, скачал пример, и ошибку почему то не нашел… можно указать где именно?
#7 delf - Апрель 18th, 2011 at 22:33
ошибка не в примере а на сайте, пропущен тэг span
#8 delf - Апрель 18th, 2011 at 22:36
в примере на этой странице
не так как в примере по ссылке или в архиве
там все ОК
#9 delf - Апрель 18th, 2011 at 22:38
злесь пишет
Закладка 1
а в примере пишет
Первая
#10 delf - Апрель 18th, 2011 at 22:38
ой опят теги скушало…
#11 delf - Апрель 18th, 2011 at 22:40
короче заголовок закладки в теге span должен быть (как в примере в архиве) а тут на странице нету его