Új hozzászólás Aktív témák

• #24 Sk8erPeter nagyúr zserrbo #16

  Új Válasz 2011-05-08 20:32:52 #24

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  Sk8erPeter

  nagyúr

  válasz zserrbo #16 üzenetére

  Túlbonyolítod.
  Ha azt szeretnéd, hogy az első jelenjen meg, akkor az első "fo" osztályú div leftcontent osztályú gyerekelemének a display tulajdonsága legyen mondjuk display:block, a többi leftcontent mind induljon elrejtett állapotból (display:none).

  A többihez tartozó kód:
  <script type="text/javascript">
  $('.almenu').click( function( ){
  // ha a testvérelem (.leftcontent) látszik amúgy is, simán eltüntetjük
  if( $(this).next().is(":visible") ){
  $(this).next().hide(500);
  }
  else{
  $('.leftcontent').hide(500);
  $(this).next().show(500);
  }
  });
  </script>

• #22 jeges senior tag zserrbo #16

  Új Válasz 2011-05-08 07:43:47 #22

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  jeges

  senior tag

  válasz zserrbo #16 üzenetére

  szia,
  én a következőket próbálnám ki:
  this helyett $(this)
  :eq() helyett .eq() -- beágyazott (úgy értem, a :xxx stílusú) selectorok nem szokták szeretni az ilyen hivatkozásokat, .eq() igen.
  ha még mindig nem megy, .each() eljárással próbálkozz. nem feltétlen szükséges, de számomra legalábbis átláthatóbbá válik az aktuális "környezet" (azaz éppen mit jelent a this/$(this) ). aztán ha működik, lehet optimalizálni.

  valszeg elég lenne valami ilyesmi:

  $(".almenu").each(function(){
  $(this).bind("click",function(){
  $(".leftcontent", ".leftmodule").hide();
  $(".leftcontent", ".leftmodule").eq( $(this).index() ).show();
  });
  });

  ehhez persze el kell intézni, hogy alapértelmezésben minden leftcontent display:none legyen. én csinálnék egy visible class-t, ami display:block-ot állít, és azt adnám a leftcontent-hez. a fenti így nagyjából úgy nézne ki, hogy

  $(".almenu").each(function(){
  $(this).bind("click",function(){
  $(".leftcontent", ".leftmodule").removeClass("visible");
  $(".leftcontent", ".leftmodule").eq( $(this).index() ).addClass("visible");
  // esetleg: $(".visible").show();
  });
  });

  nem túl optimális a megoldás, de 3-4 gomb esetén nincs érzékelhető különbség.
  elnézést, elírás lehet benne még, mer' nem teszteltem...

  megjegyzés: mindig érdemes minél pontosabb class selectorokat használni, mer' sokat tud lendíteni az oldal performanciáján (lásd $(".leftcontent", ".leftmodule") ). ahol lehet, ott pedig inkább id, az a leggyorsabb.

• #17 martonx veterán zserrbo #16

  Új Válasz 2011-05-07 22:21:00 #17

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  martonx

  veterán

  válasz zserrbo #16 üzenetére

  Az, hogy szerinted mi hajtódik végre az ifnél az egy dolog. Az, hogy a Firebug / IE developer / Chrome develop tools (vagy mi a szösz a neve) mi hajtódik végre, na az a lényeg.
  És ha már ezt így jól megnézted, akkor tudni fogod a választ is, remélhetőleg

Új hozzászólás Aktív témák