Mi lehet a megoldás erre jquery-ben?
Előre szólok, hogy most tanulom a jquery-t, és nem igazán ismerem a szintaktikát. Azt akarom megoldani, hogy csak akkor működjön egy click function, hogyha 805 pixelnél kisebb a böngésző szélessége. Erre azért van szükség, mert mobiltelefonos verziót csinálok egy saját honlaphoz, és egyébként a kattintást a telón egyszerűbb jquery-vel megoldani, mint css-szel marháskodni. Ez a kód, amiről tudom, hogy rossz, éppen ezért kérek segítséget. Nem akarok profi lenni, csak játszogatok vele, viszont ezt jó lenne megoldani. Tudnátok segíteni?
$(document).ready(function(){
$("nav ul").click(function(){
if (screen.width < 806) {
$("nav ul li ul").toggle(150);
}
else {
$("nav ul li ul").css("display":,"none");
}
});
});
Tehát, hogyha 806 pixelnél kisebb a böngésző szélessége, akkor lehessen csak a click toggle effectet használni, különben ne!
Köszi előre is a segítséget!
válasza:else {
$("nav ul li ul").css("display" -->:<-- ,"none");
}
Úgy látom van egy felesleges kettőspont. Hasznos a JS konzolja a böngészőnek a hiba felderítése közben.
De CSS-ben nem lenne egyszerűbb?
@media screen and (max-width: 805px) {
nav ul li ul {
display: none;
}
}
válasza:Igen a
$("nav ul li ul").css("display":,"none");
sorral van gond.
A css metódus kétféle módon működik. Vagy két paramétert vár, egy kulcsot és egy értéket, és ilyenkor a javascript sziktaktikájának megfelelően a két paramétert vesszővel kell elválasztani:
$("nav ul li ul").css("display","none");
Vagy a metódus egy objektumot vár, amiben több kulcs-érték párt fel lehet sorolni, ahol az objektumot { } jelek jelzik, a kulcs-érték párokat kettősponttal jelezzük, és vesszővel választjuk el. Ekkor így helyes:
$("nav ul li ul").css({"display":"none"});
Ez az utóbbi forma több érték egyidejű megváltoztatásánál hasznos, pl:
$("nav ul li ul").css({"color":"#ff0000", "background": "#FFEECC"});
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!