18141 cazuri COVID-19 în Moldova
6297 – cazuri active
11241 – cazuri vindecate
603 – cazuri fatale
Actualizarea datelor: 8 iulie 2020 ora 13:33


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

23:03:09Eurovision Song contest: The Story of Fire Saga —» APort | "Pentru un român care știe citi, cel mai greu lucru e să nu scrie." I.L. Carag
21:09:36Au chemat poliția în sat pentru tractoare și escavatoare —» Curaj.TV | Media alternativă
17:36:44The Duck Show – INFLUENSERII —» Curaj.TV | Media alternativă
16:59:21©️ Ai momente —» Licurici de suflet
16:48:33Cîini dezlănțuiți la Sinaia, în parc —» Curaj.TV | Media alternativă
09:38:16Top vânzări iunie 2020. Librăriile Cartier —» Gheorghe Erizanu
09:28:20Cele mai tari lovituri ale Nataliei în meciurile ei de tenis(vlog) —» Cojocari Vitalie
08:38:54Redescoperă Moldova: Purcari —» Fine Wine
08:13:29Poeme de Aleksandr Vertinski în traducerea și lectura lui Leo Butnaru —» Leo Butnaru
07:28:47MITSUBISHI OUTLANDER 20DID - отключение EGR —» Сажевые фильтры (DPF/ FAP). Чип тюнинг. Теория, практика.
05:45:56Ceas imprecis* —» Andrei LANGA. Blogul personal
05:10:51BNM a recunoscut garanțiile financiare pentru IMM-uri —» edufin.md
03:29:16Relația all inclusive —» Viata pe Tinder – Viata amoroasa pe Tinder
21:29:21Defrișări masive la Bălți pentru un magazin —» Curaj.TV | Media alternativă
19:44:42Am o idee! Prelungirea Timișoara —» Curaj.TV | Media alternativă
18:58:43Vezi de unde vine apa în robinet la București —» Curaj.TV | Media alternativă
14:53:33Protecția solară și copiii. Ce produse folosim pentru a proteja pielea celor mici —» Sunt MAMĂ!
13:04:06«Манхэттен-Бич» Дженнифер Иган —» Блог Ирэн – Рецензии книг
07:38:27Portret înrămat* —» Andrei LANGA. Blogul personal
07:38:13Plăceri* —» Andrei LANGA. Blogul personal
07:37:28BMW x5 e70 30d +56 ЛС и 84 Нм —» Сажевые фильтры (DPF/ FAP). Чип тюнинг. Теория, практика.
07:24:01Cum să Investi cu un mic capital la început? —» Blog - Monily.md
06:22:36Start Campaniei ”Satul meu citește o carte” —» BPR Ungheni's Blog
22:15:06Vacanţă în Elveţia (3) – Bielersee —» APort | "Pentru un român care știe citi, cel mai greu lucru e să nu scrie." I.L. Carag
10:19:59Lupta pentru adevăr, o provocare pentru comunitatea LGBT —» Curaj.TV | Media alternativă