Hirdetés
- sziku69: Fűzzük össze a szavakat :)
- Luck Dragon: Asszociációs játék. :)
- Mert itt biztos, hogy megmarad.
- Ismerkedés a Zyxel NSA325 v2-vel
- Parci: Milyen mosógépet vegyek?
- Magga: PLEX: multimédia az egész lakásban
- gban: Ingyen kellene, de tegnapra
- sidi: Samsung Deskmaster 386s/20n
- sidi: 286-os Laptop memóriabővítés: Toshiba T3100e (gázplazma)
- Vic87: Nem tudom mit tévő legyek - tanács kérés
Új hozzászólás Aktív témák
-
Sk8erPeter
nagyúr
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> -
jeges
senior tag
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.
-
martonx
veterán
Ugyan ennek már marhára nincs köze a jqueryhez, de a web fejlesztő eszközökkel lehet debugolni a futó javascript kódokat.
Aminek során meg tudod nézni ahogy soronként végrehajtódik a kód, kiértékelődnek a változók, mindent.
Ezt kellene megtenned, megtanulnod, hogy tovább tudj lépni.A javascript fejlesztés nem áll másból, mint szopáshalmokból, jó magasan egymásra púpozva. A webfejlesztő eszközök ezen a kínon enyhítenek valamelyest. A JQuery annyiban könnyíti meg a javascript fejlesztést, hogy az előbb használt képem esetében oszd el az egymásra púpozott szopáshalmokat hárommal
-
Új hozzászólás Aktív témák
- Milyen belső merevlemezt vegyek?
- Világ Ninjái és Kódfejtői, egyesüljetek!
- CMF Phone 1 - egy jó telefon
- Milyen billentyűzetet vegyek?
- Nem indul és mi a baja a gépemnek topik
- Milyen asztali (teljes vagy fél-) gépet vegyek?
- sziku69: Fűzzük össze a szavakat :)
- Luck Dragon: Asszociációs játék. :)
- Vicces képek
- Apple iPhone 16 Pro - rutinvizsga
- További aktív témák...
- LG V50
- Eladó Lenovo ThinkPad X1 Carbon Gen 8 prémium üzleti ultrabook, WQHD kijelzővel!
- Eladó HP EliteBook 645 G11 új, dobozos, Ryzen 5, DDR5, LTE képes üzleti laptop!
- Eladó ASUS TUF Gaming F15 (FX507ZU4-LP067W) i7, RTX 4050, gamer laptop!
- Eladó HP Envy x360 15-fe0178ng OLED, RTX 3050, i7-1355U, gyakorlatilag új! 3 órát ment eddig
- 153 - Lenovo LOQ (15IRX9) - Intel Core i5-13450HX, RTX 4060
- Eladnád a telefonod? KÉSZPÉNZES OKOSTELEFON FELVÁSÁRLÁS azonnali fizetéssel!
- Apple iPhone SE 2020 64GB, Kártyafüggetlen, 1 Év Garanciával
- Keresek Zebra TC20 TC21 vagy valamilyen hasonló kaliberű 1D és 2D vonalkódok olvasására alkalmas pda
- BESZÁMÍTÁS! Gigabyte A520M R5 5500 16GB DDR4 500GB SSD GTX 1660 Super 6GB CHIEFTEC Libra Zalman 500W
Állásajánlatok
Cég: PCMENTOR SZERVIZ KFT.
Város: Budapest
Cég: Laptopműhely Bt.
Város: Budapest