Jquery UI - tabs - vybrat záložku kliknutím na odkaz (link)

     

ODKAZY
  Úvodní strana
 

Články

 

Zajímavosti

 

Vzkazy


ČLÁNKY
  Přesun okna, které je mimo obrazovku
  Pomůcka při instalaci Xdebug
  Jquery UI - tabs - vybrat záložku kliknutím na odkaz (link)
  Notebook Samsung - nabíjení baterie max 80%
  Slimbox - jednoduché prohlížení obrázků na Vašich stránkách
  Špatná diakritika při vytváření UTF-8 csv souboru pro excel (PHP)
  Vzdálené připojení k databázi (mysql phpMyAdmin)
  Změna motivu na XP
  Více...  

FOTOGALERIE
  Příroda
  Zvířata
  Hmyz
  Obojživelníci, plazi
  Kočky
  ZOO
  Psi
  Květiny
  Stromy
  Krajiny
  Ostatní
  Moje tvorba
  Grafické programy
  Výtvarné

NALEZENCI.CZ
PRO PEJSKY A KOČIČKY
Hafici.cz
Miciny.cz

CLUSTER MAPS
Locations of visitors to this page

POČASÍ
Počasí - Zlínský kraj

In-počasí



Jquery UI - tabs - vybrat záložku kliknutím na odkaz (link)


Dostala jsem zdánlivě jednoduchý úkol, kliknutím od odkaz vybrat konkrétní záložku (tab) na stránce. Záložky byly vytvořeny pomocí jQuery UI tabs. Zadání se zdálo jednoduché, ale stálo mnoho hodin hledání, než jsem se dopátrala řešení, proto píšu tento článek.

 

Dejme tomu že máme následující dvě záložky a chceme mezi nimi přepínat i pomocí odkazů nad záložkami

 

<a href="/tato-stranka.htm#podobne" class="link_podobne"> Podobné zboží </a>
<a href="/tato-stranka.htm#dotaz" class="link_dotaz"> Dotaz na zboží </a>

<div id="tabs">
<ul>
<li><a href="#podobne">Podobné zboží</a></li>
<li><a href="#dotaz">Dotaz na zboží</a></li>
</ul>

<div id="dotaz">

</div>
<div id="podobne">
</div>

</div>

Přepínání mezi záložkami jquery ui tabs pomocí odkazu link

 

Řešním je následující kód vložený v externím souboru.

--- do custom.js ---
jQuery(function() {
jQuery( "#tabs" ).tabs();
});

jQuery(document).ready(function(){

var tabs = jQuery("#tabs").tabs();

jQuery(".link_podobne").click(function() { // bind click event to link
window.location.hash="#tabs";
tabs.tabs("select", "#podobne");
return false;
});

jQuery(".link_dotaz").click(function() { // bind click event to link
window.location.hash="#tabs";
tabs.tabs("select", "#dotaz");
return false;
});

});



Vytvořeno: 2012-01-13 08:37:20







  Mohlo by Vás zajímat :




AKTUALITY

CITÁTY

Láska není to, že se vám někdo líbí. To je snadné. Láska je milovat na druhém i to, co se vám vůbec nelíbí. - Ajahn Brahm

Naše mysl je stvořitelem našeho života. Čím jsme dnes, vzešlo z našich včerejších myšlenek. Ty dnešní utvářejí zítřek. - Buddha

Běží-li člověk po nesprávné cestě, vzdálí se pravdě tím více, čím je schopnější a rychlejší.
-Francis Bacon

Učitel ti může otevřít dveře, ale vstoupit do nich musíš ty sám.

Projevem vzdělaného ducha je schopnost zvažovat myšlenky, se kterými nesouhlasí. - Aristoteles

všechny >>