Zdravím. Chtěl jsem v administraci jedněch Asp.net stránek udělat "tabbed interface" (záložkové rozhraní zní blbě), tak jsem kvůli již implementovanému jquery zvolil Jquery Tabs http://stilbuero.de/jquery/tabs/. Je tam několik divů pod sebou, nahoře na ně odkazy, a pomocí js se zobrazují a skrývají.
V jednom tabu je Obout editor http://www.obout.com/editor_new/, v druhém gridview na správu komentářů.
Pokud nastavím jako výchozí tab ten s editorem, editor se v pořádku načte, ale když přepnu na ten gridview a něco upravím, tak se to při refreshi zase vrátí na ten první tab s editorem.
Pokud nastavím jako výchozí ten s gridviewem, tak je editace ok, ale editoru se ze záhadných důvodů nenačte to textové pole.
Napadá někoho něco ? Chtěl bych aby se to otevřelo na výchozím tabu jen jednou, a po refreshi to zůstalo tam odkud byl refresh "zavolán".
Díky za jakoukoliv radu.
Fórum › JavaScript, AJAX, jQuery
Jquery tabs - kontraproduktivní refresh
jQuery UI Tabs (Tabs 3) umožňují zapamatovat si poslední otevřený "tab" v cookie http://docs.jquery.com/UI/Tabs/tabs:
Store the latest active (clicked) tab in a cookie. The cookie is used to determine the active tab on the next page load. Requires cookie plugin. The object needs to have key/value pairs of the form the cookie plugin expects as options. Available options: { expires: 7, path: '/', domain: 'jquery.com', secure: true }
$('.selector').tabs({ cookie: { expires: 30 } });
To mi nefunguje, je tento zápis správně ?
$('#administrace').tabs({ fxFade: true, fxSpeed: 'fast', cookie: { expires: 30} });
administrace je onen tabový div .. když použiju váš zápis pod tím mým, tak to nefunguje také.
Vyřešil jsem to pomocí autorova history packu (hijax), ale jeden řádek by byl lepší :/
Co se týče toho zápisu, nepoužíváte náhodou starší verzi jQuery UI Tabs? Nejnovější verze UI Tabs aka Tabs 3 (funguje pouze s jQuery 1.2.x): http://stilbuero.de/jquery/tabs_3/ případně demo http://ui.jquery.com/repository/latest/demos/functional/#ui.tabs. Zápis by měl pak vypadat nějak takto:
$("#tabsEx > ul").tabs({
fx: {
opacity: "toggle",
duration: "fast"
},
cookie: {
expires: 30
}
});
Pro fungování cookies je potřeba mít ještě tento plugin http://plugins.jquery.com/project/cookie.
Používal jsem 2.7, teď jsem tam hodil jquery UI core, tabs a rozchodil jsem jednoduché taby, ale čelím zásadnímu problému, jquery si snad samo odstyluje ty tab buttony, takže tam mám na bílém pozadí dva bílé nápisy, ten který je zmáčklý je pokaždé níž, což doopravdy nechci, předtím mi to se stylem tlačítek nedělalo vůbec nic.
Váš zápis s cookie nefunguje, nepřepíná to taby.
No, co se týče těch stylů, tak jQuery jen přidává třídy, viz. http://docs.jquery.com/UI/Tabs/Theming, ale nemělo by to samo nic stylovat...
K tomu cookie bych poradil zkontrolovat jestli je opravdu přidán soubor jquery.cookie.js, taby mi to taky nepřepínalo, když jsem jej nepřidal... (ještě drobnost, aby to fungovalo, tak v tom zápise nesmí být volba selected :))
Přidej příspěvek
Ano, opravdu chci reagovat → zobrazí formulář pro přidání příspěvku
×Vložení zdrojáku
×Vložení obrázku
×Vložení videa
Uživatelé prohlížející si toto vlákno
Podobná vlákna
JQuery UI Tabs — založil Mike
Tooltip a Tabs — založil James
JQuery videocast - Nauč sa jQuery — založil yablko
FF - refresh — založil bbtrash
REFRESH V FF — založil leon
Moderátoři diskuze