Закладки на jQuery


Красивые и многофункциональны закладки  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.

Или скачайте архив с примером.

, , ,

1 Star2 Stars3 Stars4 Stars5 Stars (голосов 12, в среднем: 3.83 из 5)
Loading ... Loading ...


  1. #1 RomanVasin - Ноябрь 9th, 2009 at 23:19

    Не работает в MOZILLA Firefox 3.0.15 ((((

  2. #2 nice - Ноябрь 10th, 2009 at 00:02

    Странно, но у меня работает как в mozilla 3 так и в mozilla 3.5.5
    Может дело не в браузере?

  3. #3 Сергей - Декабрь 11th, 2009 at 13:29

    у меня в мозилле той же версии все работает, может у тебя скрипты отключены или вирусы покоцали систему и браузер?

  4. #4 delf - Апрель 18th, 2011 at 13:35

    Ошибка в примере в этом посте.
    надо
    Закладка 1</span

    пропущен span (час убил пока нашел)
    поэтому и не работает у некоторых кто пробовал не с примера а с поста…

    автору незачет… ;-)

  5. #5 delf - Апрель 18th, 2011 at 13:38

    блин и редактор УГ пропускает тэги
    коротше автор пофикси пример…
    и теги пропускать не надо

    alert()

  6. #6 nice - Апрель 18th, 2011 at 14:42

    delf, скачал пример, и ошибку почему то не нашел… можно указать где именно?

  7. #7 delf - Апрель 18th, 2011 at 22:33

    ошибка не в примере а на сайте, пропущен тэг span

  8. #8 delf - Апрель 18th, 2011 at 22:36

    в примере на этой странице
    не так как в примере по ссылке или в архиве
    там все ОК

  9. #9 delf - Апрель 18th, 2011 at 22:38

    злесь пишет
    Закладка 1
    а в примере пишет
    Первая

  10. #10 delf - Апрель 18th, 2011 at 22:38

    ой опят теги скушало…

  11. #11 delf - Апрель 18th, 2011 at 22:40

    короче заголовок закладки в теге span должен быть (как в примере в архиве) а тут на странице нету его

  12. #12 Сергей - Июнь 14th, 2012 at 11:54

    Куча моментов опущена в статье – нужно сразу делать по примеру, и не читать этого

  13. #13 Лёша - Декабрь 26th, 2014 at 07:10

    Почему у меня по умолчанию активна последняя вкладка а не первая ? Как сделать что бы после обновления страницы была открыта первая вкладка ? Где что править?

(will not be published)

Spam Protection by WP-SpamFree Plugin

  1. No trackbacks.