| Autor | Zpráva | ||
|---|---|---|---|
| DeeDeeX Profil * |
#1 · Zasláno: 5. 12. 2011, 21:12:07
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"> </a></li> <li class="tech"><a href="#tech-par"> </a></li> <li class="odstin"><a href="#odstin"> </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 |
#2 · Zasláno: 6. 12. 2011, 07:01:13
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. |
||
|
Časová prodleva: 1 měsíc
|
|||
| luky.sakul Profil |
#3 · Zasláno: 9. 1. 2012, 00:16:39
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 |
#4 · Zasláno: 9. 1. 2012, 14:43:31
vybrat zalozku je mozne takhle
$( ".selector" ).tabs( "option", "selected", 3 ); |
||
|
Časová prodleva: 4 dny
|
|||
| DeeDeeX Profil * |
#5 · Zasláno: 13. 1. 2012, 09:53:37
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;
}); |
||
|
Časová prodleva: 12 let
|
|||
0