Autor Zpráva
DeeDeeX
Profil *
Zdravím,
potřebovala bych poradit . Mám na stránce funkční jQuery iu tabs.
<div id='tabs'>
<ul>
<li class="popis"><a href="#popis">&nbsp;</a></li>
<li class="tech"><a href="#tech-par">&nbsp;</a></li>
<li class="odstin"><a href="#odstin">&nbsp;</a></li>
</ul>
<div id="popis">obsah</div>
<div id="tech-par">parametry</div>
<div id="odstin">odstin</div>
</div>


Funguje to krasne, ale potrebovala bych, aby kliknutim na odkaz na strance se otevrela prislusna zalozka.
Kliknutim na
<a href='tato/stranka.php#odstin' >odstin</a>

by se otevrela zalozka s odstinem a stranka se zastavila na hashi "tabs"

Kdyz kliknu na odkaz tak stranka skoci na hash #odstin (ktery je ale az pod tabulkou, takze to neni zrovna idealni), ale presto se tato zalozka neotevre. Zustane otevrena ta, ktera byla otevrena pred kliknutim na odkaz.
Zkousela jsem dat
<a href='http://celaadresa.cz/tato/stranka.php#odstin' onclick='window.location.reload();' >odstin</a>

spravna zalozka se otevre, ale jednak to preblikava a jednak zustane stranka nastavena na zacatku, nejde az k hashi id="odstin" (idealni by bylo kdyby zastavila na id='tabs', kdyby to slo.

Neni v jQuery nejaky zpusob, jak zalozkam rict, ze maji zobrazit zalozku, ktera je v adrese za znakem #? A nejde nasmerovat stranku tak aby skakala na id=tabs?
Napriklad neco pres funkce
jQuery( "#tabs" ).tabs(); 

nebo
 jQuery("#tabs").bind('tabsshow',function(event, ui) {}

?

Dekuji za jakoukoli radu
_es
Profil
DeeDeeX:
A nejde nasmerovat stranku tak aby skakala na id=tabs?
Ide to nastavením vlastnosti location.hash. Alebo jednoducho dať odkaz taký, aby bolo na konci odkazu #tabs.

Neni v jQuery nejaky zpusob, jak zalozkam rict, ze maji zobrazit zalozku, ktera je v adrese za znakem #?
To si nájdi v dokumentácii príslušného jQuery pluginu. Alebo dodaj „živú“ ukážku a odkaz na dokumentáciu toho pluginu.
luky.sakul
Profil
To by mě taky zajímalo. Vyzkoušel jsem všechno, ale nic nefunguje.
Když klikám po záložkách, tak se mi dole ukazuje přesně odkaz, na který se chci odkázat, ale když to dám do odkazu, tak to vždy otevře na první žáložce.
solta
Profil
vybrat zalozku je mozne takhle
$( ".selector" ).tabs( "option", "selected", 3 );
cislo je poradi zalozky
DeeDeeX
Profil *
Tak.. už mi to funguje :-)
http://dasty.wz.cz/clanky/25-jquery-ui-tabs-vybrat-zalozku-kliknutim-na-odkaz-link

Je to pomaly odkaz, takze kod:
<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>


--- 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;
});

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: