Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [jquery] Zakładki
Forum PHP.pl > Forum > XML, AJAX
gothye
witam
staram sie wykonać zakładki na strone , kod wygląda tak :

  1. $().ready(function()
  2. {
  3. $("#bookmark div").click(function(){
  4. $("div#bookmark .tab_pressed").removeClass("tab_pressed").index(this);
  5. $("#bookmark div").addClass("tab_normal").index(this);
  6. //$(this).parent().addClass("active");
  7.  
  8. var book = $("#bookmark div").index(this);
  9.  
  10.  
  11. $("#book"+book+" div").show();
  12. return false;
  13. });
  14. });



  1. <div id="bookmark">
  2. <div class="tab_pressed">Ogólne</div>
  3. <div class="tab_normal">Wygląd strony</div>
  4. <div class="tab_normal">Wygląd menu</div>
  5. <div class="tab_normal">Pozycjonowanie</div>
  6. <div class="tab_normal">Elementy strony</div>
  7. <div class="tab_normal">Historia</div>
  8. </div>
  9.  
  10. <div id='book0'>table0 </div>
  11. <div id='book1'>table1 </div>
  12. <div id='book2'>table2 </div>
  13. <div id='book3'>table3 </div>
  14. <div id='book4'>table4 </div>
  15. <div id='book5'>table5 </div>


nijak idzie to działać ,co jest nie tak ? sad.gif
erix
Kod
$("#book"+book+" div").show();

Bo powinien być w tych book# jakiś div wewnątrz. Poza tym, nie masz niczego, co ukrywa nieaktywne zakładki.
gothye
nie aktywne zakładki są ustawione w css jako nie widoczne ,a z tym głownym div to rzeczywiscie dobry pomysł

nie moge dojść co robie źle sad.gif

dodałem :

  1. <div id="book_table">
  2. <table id="table0"><tr><td>Table 1</td></tr></table>
  3. <table id="table1"><tr><td>Table 2</td></tr></table>
  4. <table id="table2"><tr><td>Table 3</td></tr></table>
  5. <table id="table3"><tr><td>Table 4</td></tr></table>
  6. <table id="table4"><tr><td>Table 5</td></tr></table>
  7. <table id="table5"><tr><td>Table 6</td></tr></table>
  8. </div>
erix
No ok, ale czytasz konkretnie, co ja piszę?

Nie wiem, skąd masz ten skrypt, ale podejrzewam, że jakiś gotowiec, skoro nie rozumiesz zasady jego działania. A wyżej pisałem o tym, że właściwa zawartość w każdej z zakładek powinna być opakowana w jeszcze jednego diva, bo tak nakazuje użyty przez Ciebie selektor, teraz kumasz?
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.