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

• #2041 Sk8erPeter nagyúr vakondka #2038

  Új Válasz 2013-04-21 15:57:04 #2041

  Ú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 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!).

• #2039 Soak veterán vakondka #2038

  Új Válasz 2013-04-19 19:37:43 #2039

  Ú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

  

  Soak

  veterán

  válasz vakondka #2038 üzenetére

  Ha újat választasz az előzőn rajta marad a checked. Mivel a radio buttonnak az értelme az, hogy egyszerre csak egy lehet kiválasztva, valószínűleg itt lehet a probléma .

• #812 Sk8erPeter nagyúr vakondka #811

  Új Válasz 2012-05-11 22:24:23 #812

  Ú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 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ó.

• #810 martonx veterán vakondka #809

  Új Válasz 2012-05-11 12:48:16 #810

  Ú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 vakondka #809 üzenetére

  Akkor legyen

• #808 Sk8erPeter nagyúr vakondka #807

  Új Válasz 2012-05-11 11:09:49 #808

  Ú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 vakondka #807 üzenetére

  Hali!

  Én szerintem ezt használnám: [link]
  Könnyen belőhető, és jól működik.

• #702 Sk8erPeter nagyúr vakondka #701

  Új Válasz 2012-04-20 21:16:44 #702

  Ú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 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.

• #700 Karma félisten vakondka #698

  Új Válasz 2012-04-20 20:06:52 #700

  Ú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

  

  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

  Új Válasz 2012-04-20 20:02:29 #699

  Ú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 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

  Új Válasz 2012-04-20 17:43:05 #697

  Ú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 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

  Új Válasz 2012-04-20 10:58:46 #695

  Ú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 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.

• #694 Karma félisten vakondka #693

  Új Válasz 2012-04-20 10:11:02 #694

  Ú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

  

  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

• #692 Karma félisten vakondka #691

  Új Válasz 2012-04-20 09:50:44 #692

  Ú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

  

  Karma

  félisten

  válasz vakondka #691 üzenetére

  Persze, erre van az .on() függvény.

  A "Direct and delegated events" szakasz végét mindenképp olvasd el, mert az erőforrások szempontjából nem mindegy.

• #690 Sk8erPeter nagyúr vakondka #688

  Új Válasz 2012-04-19 23:46:30 #690

  Ú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 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.

• #689 Karma félisten vakondka #688

  Új Válasz 2012-04-19 20:26:10 #689

  Ú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

  

  Karma

  félisten

  válasz vakondka #688 üzenetére

  Hát ennek sok köze nincs a regexekhez...

  Mindenesetre egy egyszerű megoldás az add függvény használata.
  $("a[href*='-c-']").add("a[href*='-p-']").click(...)

• #687 Sk8erPeter nagyúr vakondka #686

  Új Válasz 2012-04-19 17:36:50 #687

  Ú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 vakondka #686 üzenetére

  Hali!

  var a_href = e.attr('href');
  Ez nem jóféle!
  Ehelyett:
  var a_href = $(this).attr('href');

  Az e.preventDefault()-ot elvileg rakhatod az elejére vagy a végére is, ha minden igaz.
  (Elvileg így nem szabadna ugrálnia. Ha mégis ugrál, akkor return false; a végére.)

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