jQuery UI Tabs & Cookie

jQuery UI Tabs Cookies Уже давно использую библиотеку jQuery и jQuery UI в своих проетах.

На днях, понадобилось установить jQuery UI Tabs. Все отлично, одна проблема – не сохраняет после перезагрузки страницы последнюю открытую вкладку.

В официальной документации jQuery UI Tabs есть параметр cookie (), но он работает с дополнительно подключенным плагином. При переходе на страницу этого плагина мне выдало ошибку – страница не найдена. Пытался найти его из других источников, но так и не нашел.

Зато нашел другой плагин: Javascript Cookie Library with jQuery bindings and JSON support

Пример HTML и JavaScript для работы с jQuery UI Tabs + Cookie:

<!DOCTYPE html> <html dir="ltr" lang="en-US"> <head> <meta charset="UTF-8" /> <title>Text.md Tab</title> <link rel="stylesheet" href="../css/jquery-ui/ui-lightness/1.7.2/jquery-ui-lightness.css" media="screen" /> </head> <body> <div id="tabs"> <ul> <li><a href="#tabs-1">Tab 1</a></li> <li><a href="#tabs-2">Tab 2</a></li> <li><a href="#tabs-3">Tab 3</a></li> </ul> <div id="tabs-1"> <p>Tab 1 content</p> </div> <div id="tabs-2"> <p>Tab 2 content</p> </div> <div id="tabs-3"> <p>Tab 3 content</p> </div> </div> <script type="text/javascript" src="../jquery/core/1.4.1/jquery.js"></script> <script type="text/javascript" src="../jquery/ui/1.7.2/jquery-ui.js"></script> <script type="text/javascript" src="../cookies/jquery.cookies.js"></script> <script type="text/javascript"> $( function() { var cookieName, $tabs, textmdTab; cookieName = 'textmdTab'; $tabs = $( '#tabs' ); $tabs.tabs( { select: function( e, ui ) { $.cookies.set( cookieName, ui.index ); } } ); textmdTab = $.cookies.get( cookieName ); if(!isNaN( textmdTab )){ $tabs.tabs( 'select', textmdTab ); } } ); </script> </body> </html>

Не забудьте подключить все библиотеки JS (jQuery, jQuery UI и JavaScript Cookie). Все должно работать с первого раза.

Share/Bookmark

Читайте ещё похожие статьи на этом сайте:

  1. Как установить и получить cookie на JavaScript?
  2. Полезные примеры JavaScript на jQuery
  3. jqGrid (jQuery Grid Plugin) – табличное представление работы с данными
  4. Доработка HTML Form при помощи jQuery
  5. 6 способов сломать Internet Explorer


Sursa
2010-10-01 16:44:35



Comenteaza





Ultimele 25 posturi adăugate

03:03:44the crew —» turn up the silence
01:18:15for pride month year around —» turn up the silence
18:04:00Jupiter in Gemeni (2024 - 2025) pentru toate zodiile. —» codul omega
11:12:54Exerciții de discernământ. Ce s-ar putea întâmpla după alegerile prezidențiale și referendum… —» Nicolae Federiuc
12:17:27La mare, la soare… —» APort | "Pentru un român care știe citi, cel mai greu lucru e să nu scrie." I.L. Carag
09:41:14Independentul Mihai Polițeanu este noul primar ales al Municipiului Ploiești —» Curaj.TV | Media alternativă
09:27:07Ce-i cu solul la Purcari?! —» Fine Wine
07:41:29Vai, sărmana turturică… —» CHIŞINĂU MUZICAL | Blogul Bibliotecii de Arte "Tudor Arghezi"
16:49:42Reciclarea RetuRo pe re-pet —» APort | "Pentru un român care știe citi, cel mai greu lucru e să nu scrie." I.L. Carag
14:58:33O vacanță de vis pentru copii —» BiblioCity
13:03:44Relevanți de ziua lor. De ce instituțiile publice din Moldova trebuie să inspire și motiveze angajații. —» Efrosnatalita’s Blog
09:29:04„Orașul meu cu umeri albi de piatră” —» CHIŞINĂU MUZICAL | Blogul Bibliotecii de Arte "Tudor Arghezi"
06:04:25당리맛집 Restaurants that serve food relevant to modern health —» Curat Murdar, Coane Fanica
05:26:12VĂ INTERESEAZĂ AVANGARDA? —» Leo Butnaru
17:43:40zâna —» turn up the silence
14:24:13Verile pline de cunoaștere în Universul STREAM la Bibliotecă —» BiblioCity
12:30:11,,Moldova – UE – viitorul nostru comun”. —» Biblioteca Publică or.Rîşcani
10:22:10Protest la Parlament pentru cetățenie fără birocrație —» Curaj.TV | Media alternativă
18:18:10DIALOG DESPRE AVANGARDĂ —» Leo Butnaru
12:04:00Eu știu gândurile pe care le am cu privire la voi, zice Domnul, gânduri de pace, și nu de nenorocire, ca să vă dau un viitor și o nădejde. (Ieremia 29:11) —» codul omega
10:39:06The Red Can Diet Culture Popular in Korea —» Curat Murdar, Coane Fanica
10:53:32Luni, W17 – Coolplay —» APort | "Pentru un român care știe citi, cel mai greu lucru e să nu scrie." I.L. Carag
20:34:25Nu o sugestie, doar o mirare —» APort | "Pentru un român care știe citi, cel mai greu lucru e să nu scrie." I.L. Carag
16:55:00AI powered human greed (2) —» APort | "Pentru un român care știe citi, cel mai greu lucru e să nu scrie." I.L. Carag
14:08:02Întâlnirea cititorilor cu scriitorul Grigore Chiper —» Biblioteca de Arte 'Tudor Arghezi'