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

• #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.

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