- One mobilszolgáltatások
- Motorola Edge 60 és Edge 60 Pro - és a vas?
- Samsung Galaxy A56 - megbízható középszerűség
- Nem növel telepméretet a Galaxy S26 Ultra
- iOS alkalmazások
- iPhone topik
- Honor Magic7 Pro - kifinomult, költséges képalkotás
- Megjelent a Poco F7, eurós ára is van már
- Samsung Galaxy S24 Ultra - ha működik, ne változtass!
- Magisk
Új hozzászólás Aktív témák
-
#2041
Sk8erPeter
nagyúr
vakondka
#2038
Sk8erPeter
nagyúr
válasz
vakondka
#2038
üzenetére
Nagyon favágó megoldással:
http://jsfiddle.net/Sk8erPeter/P8dJR/15/
Amit lehet, jobb megoldani sima CSS-sel (pl. background-color a hoverre, meg csak osztályok hozzáadása/elvétele, így nem a JS-kódba van bedrótozva a megjelenítés!).
-
#812
Sk8erPeter
nagyúr
vakondka
#811
Sk8erPeter
nagyúr
válasz
vakondka
#811
üzenetére
Ez pont azt a problémát oldaná meg.
"Kreál" egy hashchange eventet, amire aztán úgy iratkozol fel a különböző függvényekkel, ahogy csak akarsz. Szóval martonx kommentje jogos, legyen hash mindenképp AJAX-ozás esetén (amennyiben oldalakat töltögetsz be adott divbe, nálad épp ez a helyzet), így könyvjelzőzhető is.
A hash akár lehet a tartalom URL-je is. Jó esetben ezek az AJAX-szal betöltött oldalak elérhetők AJAX használata nélkül is, tehát pl.:
http://example.com/foo/bar#!/some/blabla
ÉS
http://example.com/some/blabla
is működik.
Persze ez nagyon igényfüggő, de szerintem kiindulópontnak teljesen jó. -
#702
Sk8erPeter
nagyúr
vakondka
#701
Sk8erPeter
nagyúr
válasz
vakondka
#701
üzenetére
Itt azt írtad, hogy van .on() függvényhívás, és ezen keresztül töltöd be a megfelelő tartalmakat:
$("body").on("click", "a[href*='-c-'], a[href*='-p-'], a[href*='extra_info_pages.php'], a[href*='create_account.php']", function(e) {
var a_href = $(this).attr('href');
var content = $('#column_content');
e.preventDefault();
content.fadeToggle();
content.load(a_href +' #column_content');
content.fadeToggle();
//return false;
});Feltételezem, ebben az esetben azért kell neked az .on(), mert dinamikusan létrehozott elemekre való click-eseményekre kell rákötnöd az AJAX-os betöltést, vagyis a .load() használatát.
Na, ebben a kódban lehetne a .load() után az a függvényhívás, amit a linkelt demóban createBubbles()-nek hívtam - de a lényeg, hogy az, ami "létrehozza" ezeket a "buborékokat" úgy, hogy az adott elemek mouseover és mouseout eseményére köt bizonyos megjelenítésbeli dolgokat.De ha nem .on()-nal oldanád meg, hanem sima .click()-en belüli függvénnyel, annál is ugyanez lenne a jó módszer, hogy közvetlenül azutánra pakolod a stílus átalakítására szolgáló függvény hívását (tehát ennek a buboréknak a megjelenítését), ahol meghívod az AJAX-os betöltésre szolgáló függvényt.
Tehát pl. a fenti kódodba belepakolva azt a függvényt:
$("body").on("click", "a[href*='-c-'], a[href*='-p-'], a[href*='extra_info_pages.php'], a[href*='create_account.php']", function(e) {
var a_href = $(this).attr('href');
var content = $('#column_content');
content.fadeToggle();
// itt egy callback lesz a buborék létrehozása
content.load(a_href +' #column_content', function(){
createBubbles();
});
content.fadeToggle();
e.preventDefault();
//return false;
});Most itt úgy oldottam meg, hogy direkt a load() megtörténte utáni callback-függvényként hívom meg a createBubbles()-t.
-
Karma
félisten
válasz
vakondka
#698
üzenetére
Nem néztem rá a kódra (a telefonnal azért nem felüdülés programozni
), de ha egy plugint akarsz meghívni minden dinamikusan létrehozott elemre, akkor a legegyszerűbb a hozzáadás előtt vagy tájékán megcsinálni, amikor egyértelmű referenciád van az újonnan kreált elemekre. -
#699
Sk8erPeter
nagyúr
vakondka
#698
Sk8erPeter
nagyúr
válasz
vakondka
#698
üzenetére
Hát ez is tulajdonképpen dinamikusan betöltött tartalom.
Abban az értelemben, hogy klónozom az előzőt, és "dinamikusan" hozzáadom a DOM-hoz.
Ahol van az .on() függvényhívásod, oda pakold bele az itt látható createBubbles()-t is!
(Egyébként szólok előre, hogy ha esetleg ezt alkalmazod, akkor a console.log-ot kommentezd ki éles változatnál, mert Internet Explorer szépen meghal tőle, amikor nincs megnyitva a későbbiekben már meglévő fejlesztőpanel.) -
#697
Sk8erPeter
nagyúr
vakondka
#696
Sk8erPeter
nagyúr
válasz
vakondka
#696
üzenetére
Ez alapján készítettem neked egy példát az általad mutatott tooltip-szerűséggel:
http://jsfiddle.net/Sk8erPeter/NmH9X/Létrehozás után egyszerűen lefuttatok egy függvényt, ami létrehozza ezt a buborékot azokra az elemekre, amelyeknél még nincs.
-
#695
Sk8erPeter
nagyúr
vakondka
#693
Sk8erPeter
nagyúr
válasz
vakondka
#693
üzenetére
Teljesítményben rosszabb, mert az egész documenthez köti az evente(ke)t, míg a későbbi .delegate(), illetve .on() már támogatja a selectorokkal történő "szűkítést", így hatékonyabb lehet.
Ezt a cikket egyébként mindenképp érdemes elolvasni, ha érdekelnek a részletek:
Differences Between jQuery .bind() vs .live() vs .delegate() vs .on()===
(#694) Karma : jaja, vágom.
Amúgy szerintem ez jó is, mert tulajdonképpen nehéz lenne ennél egyszerűbb szintaxist kitalálni. -
Karma
félisten
válasz
vakondka
#693
üzenetére
Nemrég vitáztunk róla, ha a "live" szóra rákeresel a topikban, láthatod.
Egyébként a .live() doksijának első mondata:
"As of jQuery 1.7, the .live() method is deprecated. Use .on() to attach event handlers. Users of older versions of jQuery should use .delegate() in preference to .live()."
(#690) Sk8erPeter: (erre akartam már reagálni csak elmaradt) az egész jQuery selector szintaxis a CSS-ből jön
Beleértve a *= operátort, legalábbis értelmesebb böngészőkben működik -
#690
Sk8erPeter
nagyúr
vakondka
#688
Sk8erPeter
nagyúr
válasz
vakondka
#688
üzenetére
Nincs mit!
A legegyszerűbb ilyen esetben, ha simán vesszővel elválasztod a selectorokat:$("a[href*='-c-'], a[href*='-p-']").click(function(e) {
........
}demo: http://jsfiddle.net/Sk8erPeter/wFDhw/
Az is jól működik, amit Karma írt, az .add() függvény felhasználásával:
demo: http://jsfiddle.net/Sk8erPeter/wFDhw/1/
Ízlés kérdése, de én a vesszővel elválasztást preferálom, amennyiben van rá mód, így nagyon jól átlátható, és ugyanúgy tudom használni, mint a CSS-selectorokat (onnan származik ez a vesszővel elválasztós móka). Meg elkerülök egy plusz függvényt.
-
#687
Sk8erPeter
nagyúr
vakondka
#686
Sk8erPeter
nagyúr
"Kreál" egy hashchange eventet, amire aztán úgy iratkozol fel a különböző függvényekkel, ahogy csak akarsz. Szóval martonx kommentje jogos, legyen hash mindenképp AJAX-ozás esetén (amennyiben oldalakat töltögetsz be adott divbe, nálad épp ez a helyzet), így könyvjelzőzhető is.
![;]](http://cdn.rios.hu/dl/s/v1.gif)
), de ha egy plugint akarsz meghívni minden dinamikusan létrehozott elemre, akkor a legegyszerűbb a hozzáadás előtt vagy tájékán megcsinálni, amikor egyértelmű referenciád van az újonnan kreált elemekre.
Abban az értelemben, hogy klónozom az előzőt, és "dinamikusan" hozzáadom a DOM-hoz.Új hozzászólás Aktív témák
Hirdetés
- Vélemény: nem úgy tűnik, de Lip-Bu Tan most menti meg az Intelt
- Motorolaj, hajtóműolaj, hűtőfolyadék, adalékok és szűrők topikja
- Gumi és felni topik
- Félrevezető akciók miatt büntették meg a Sheint
- One mobilszolgáltatások
- Mazda topik
- Luck Dragon: Asszociációs játék. :)
- Bluetooth hangszórók
- Nyíregyháza és környéke adok-veszek-beszélgetek
- Samsung LCD és LED TV-k
- További aktív témák...
- BESZÁMÍTÁS! MSI B450 R5 5500 16GB DDR4 512GB SSD RTX 2060 Super 8GB SilentiumPC Signum SG1V TT 500W
- BESZÁMÍTÁS! Asus B550M R5 5600X 32GB DDR4 512GB SSD RTX 3060 12GB THERMALTAKE Commander G41 700W
- BESZÁMÍTÁS! MSI B460M i5 10400F 32GB DDR4 512GB SSD RTX 2060 Super 8GB Zalman S4 Plus TT 500W
- BESZÁMÍTÁS! 1TB Kingston KC3000 NVMe SSD meghajtó garanciával hibátlan működéssel
- BESZÁMÍTÁS! 2TB Kingston KC3000 NVMe SSD meghajtó garanciával hibátlan működéssel
- BESZÁMÍTÁS! Gigabyte A620M R5 7500F 32GB DDR5 500GB SSD RX 6700XT 12GB Cooler Master CMP 520L 750W
- Apple Macbook Pro 13 2020 - M1 - 8GB/256GB SSD - Touch Bar - 102 Ciklus - 99% Akku - Ezüst - MAGYAR
- KIÁRUSÍTÁS - REFURBISHED és ÚJ - Lenovo ThinkPad Ultra Docking Station (40AJ)
- ÁRGARANCIA! Épített KomPhone i7 14700KF 32/64GB RAM RTX 5090 32GB GAMER PC termékbeszámítással
- HP Victus 15-fb1002AX - 15,6"FHD IPS - Ryzen 5 7535HS - 8GB - 512GB SSD - RTX 2050 - Win11
Állásajánlatok
Cég: PCMENTOR SZERVIZ KFT.
Város: Budapest
Cég: CAMERA-PRO Hungary Kft
Város: Budapest