jQuery problém s AJAxem

miniJOHN

(57 hodnocení)

24. 7. 2008 10:06:06

Ahoj,

mám fukci v jQuery, která mi zpracovává odkazy AJAXově:

Ale po načtení stránky AJAXem již nelze uplatnit třeba $("#id").click() ...

Nevíte, čím to?

Díky za pomoc

24. 7. 2008 10:06:06

https://webtrh.cz/diskuse/jquery-problem-s-ajaxem/#reply99250

Mirun

(13 hodnocení)

24. 7. 2008 10:17:14

Napsal miniJOHN;87378
Ahoj,

mám fukci v jQuery, která mi zpracovává odkazy AJAXově:

$(".link").click(function () { link = $(this).attr("href"); $.get(link, function(data){$("#content").html(data);}); return false; });

Ale po načtení stránky AJAXem již nelze uplatnit třeba $("#id").click() ...

Nevíte, čím to?

Díky za pomoc

Trošku málo kódu na popis situace. Není třeba #id původně obsahem elementu #content a ty si ho přepíšeš jiným obsahem?

PS: Jinak jednodušeji by šlo použít fci "load" elementu #content

24. 7. 2008 10:17:14

https://webtrh.cz/diskuse/jquery-problem-s-ajaxem/#reply99249

Martin Schlemmer

(37 hodnocení)

24. 7. 2008 10:37:35

Pokud potřebuješ navěsit události na dynamicky nahrávaný obsah, podívej se na plugin Listen:

http://plugins.jquery.com/project/Listen

24. 7. 2008 10:37:35

https://webtrh.cz/diskuse/jquery-problem-s-ajaxem/#reply99248

miniJOHN

(57 hodnocení)

24. 7. 2008 10:53:16

Napsal Retal;87392
Pokud potřebuješ navěsit události na dynamicky nahrávaný obsah, podívej se na plugin Listen:
http://plugins.jquery.com/project/Listen

Díky moc Retale ! ;)

24. 7. 2008 10:53:16

https://webtrh.cz/diskuse/jquery-problem-s-ajaxem/#reply99247

Martin Schlemmer

(37 hodnocení)

24. 7. 2008 11:09:46

Sám jsem se s tím dost natrápil. :)

24. 7. 2008 11:09:46

https://webtrh.cz/diskuse/jquery-problem-s-ajaxem/#reply99246

miniJOHN

(57 hodnocení)

24. 7. 2008 12:08:05

Na jednu část mi to pomohlo, díky, ale ten plugin funguje jenom na "známé" události, jako je click atd., ale já kontroluju formůlaře pomocí pluginu Validate a ten se vyvolává:

$("#signup").validate({...})

Na to mi ale asi ten plugin Listen nepomůže...

24. 7. 2008 12:08:05

https://webtrh.cz/diskuse/jquery-problem-s-ajaxem/#reply99245

Jakub Adamus

(1 hodnocení)

26. 7. 2008 00:38:03

Celkem zalezi na "architekture" javascriptu, ale pokud pouzivas nejake skoro objekty, tak se tohle da resit pomerne jednoduse:

NecoSeSelektoryKtereMajiFungovatINaAjaxovyContent.js

// objekt, ktery mapuje svoje "eventy" i na content, ktery byl nacten ajaxemfunction NecoSeSelektoryKtereMajiFungovatINaAjaxovyContent() {    // inicializator spusteni    this.initialize = function(element)  {         var jq = $(element);         // sem si napis, co vlastne chces hledat, tvuj kod treba:         jq.find(".link").click(function () {                link = $(this).attr("href");                $.get(link, this.setContent );                return false;         });    };    // "magic" :) inicializujes automaticky    var _this = this;    $(document).bind('dynamiccontent', function(edata,elem) { _this.initialize(elem); });      // a ted to kouzlo namapujem na ten tvuj ajax click   this.setContent = function(data) {       // tvuj puvotni kod       $("#content").html(data);       // a oznameni vsem, kteri si v tom contentu chcou neco vyraber       $(document).trigger('dynamiccontent', '#content');   };      // a pri inicializaci stranky (= inicializace tohoto objektu) nactes sekci "body"   this.initialize("body");};// inicializace$(function() { new NecoSeSelektoryKtereMajiFungovatINaAjaxovyContent(); });

Nevim, jestli to jde pochopit, ale takhle to jde vyrabet :) Zasadnim problemem je to, ze je vhodne, abys kazdy prvek pouzil v trigger jen jednou, protoze bys tam mohl mit hodne eventu (ale to se da dobre ohlidat)... pokud to ale nedokazes ohlidat, mel by jsi pred pridavanim eventu nejprve odebrat ty puvodni... Pokud je budes poctive odebirat, tak pak klidne muzes po kazde zmene udelat:

Mno.. nevim, jestli je ten kod syntakticky spravne a taky nevim, jestli to co jsem napsal je srozumitelne, ale je pul jedne, to po me nikdo nemuze chtit nic rozumneho... Kazdopadne se to da jeste rozpracovat dal, ale mi zatim tohle bohate stacilo...

PS: co se stane, kdyz na a zmacknes "ENTER" (nacti stranku, zmackni nekolikrat Tab a az budes na odkazu, zmackni enter)... cely tvuj ajax loading je v.... :)

26. 7. 2008 00:38:03

https://webtrh.cz/diskuse/jquery-problem-s-ajaxem/#reply99244

Pro odpověď se přihlašte.

Přihlásit