| Autor | Zpráva | ||
|---|---|---|---|
| Wades Profil * |
Ahoj mám takový problém... dělám tabulku, která je rozdělena na 3 části. V první komentáře, ve druhé odkazy a ve třetí archiv. Když aktualizuji stránku objeví se tabulka normálně. Když kliknu na 2 a 3 část, tak je taky vše v pořádku, ale když kliknu znovu na tu první část, která se mi při aktualizaci stránky načetla normálně, tak se sice přepne, ale nezobrazí se žádný obsah. když zaměním 1 část za druhou, tak zase nefunguje ta druhá, protože je vlastně první, takže vždy to co je v tabulce první nejde poradte mi prosim. Dekuji
Zde je kod javascript: var Site = {
init : function() {
this.tabs();
},
tabs : function() {
var tabs = $('#secondary > .tabs'),
uls = tabs.find('> ul'),
tabHeadings = tabs.prev('#tabHeadings');
tabHeadings
.delegate('li', 'click', function(e) {
var li = $(this),
hash;
li
.siblings()
.removeClass('selected')
.end()
.addClass('selected');
hash = li.children('a').attr('href');
uls
.hide()
.filter(hash)
.fadeIn(500);
e.preventDefault();
});
}
}
Site.init();<aside id="secondary" class="grid_8 prefix_1">
<ul id="tabHeadings">
<li class="selected">
<a href="#comments"> Comments</a>
</li>
<li>
<a href="#categories"> Categories</a>
</li>
<li>
<a href="#archives"> Archives</a>
</li>
</ul>
<section class="tabs">
<ul id="comments">
<li>
<p>Zde je místo pro dva komentáře, které se sem vejdou tak akorát.Ještě nevim jak na to.</p>
<footer><h6>Napsal: Wades</h6></footer>
</li>
<li>
<p>Zde je místo pro dva komentáře, které se sem vejdou tak akorát.Ještě nevim jak na to.</p>
<footer><h6>Napsal: Wades</h6></footer>
</li>
</ul>
<h4> Categories</h4>
<ul id="categories">
<li>
<a href="#">Category</a>
</li>
<li>
<a href="#">Category</a>
</li>
<li>
<a href="#">Category</a>
</li>
<li>
<a href="#">Category</a>
</li>
<li>
<a href="#">Category</a>
</li>
<li>
<a href="#">Category</a>
</li>
</ul>
<h4>Archives</h4>
<ul id="archives">
<li>
<a href="#"> Archive</a>
</li>
<li>
<a href="#"> Archive</a>
</li>
<li>
<a href="#"> Archive</a>
</li>
<li>
<a href="#"> Archive</a>
</li>
<li>
<a href="#"> Archive</a>
</li>
<li>
<a href="#"> Archive</a>
</li>
</ul>
</section>Moderátor panther: Vkládej prosím kódy mezi značky [pre] a [/pre] (stačí kliknout na
 ). |
||
| Camo Profil |
#2 · Zasláno: 22. 3. 2011, 21:56:22 · Upravil/a: Camo
Neviem isto ale myslím, že problém môže byť v metode prev() so selektorom na riadku 9. Ona nefunguje ako next() a keď sa niečo objaví medzi ,,klikačom,, a ,,cieľom,, tak to nenájde...napr.: http://jsfiddle.net/p5XEp/7/
edit: Ale asi to nieje príčina ako to tak sledujem... |
||
| Wades Profil * |
#3 · Zasláno: 23. 3. 2011, 08:59:26
Už dobre diky ... vyřešil jsem to sice hodně neprofesionálně, ale hlavně, že to funguje...
Tady ukazka ::D <aside id="secondary" class="grid_8 prefix_1"> <ul id="tabHeadings"> <ee> <a href="#"></a> </ee> <li class="selected"> <a href="#comments"> Comments</a> </li> <li> <a href="#categories"> Categories</a> </li> <li> <a href="#archives"> Archives</a> </li> </ul> Proste sem tam hodil prazdny odkaz a uz to jede a dik za snahu... |
||
|
Časová prodleva: 13 let
|
|||
0