kostenloser Webspace werbefrei: lima-city

jQuery: Event Handler bei nachgeladenen Inhalten

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   fabian-riedel

   

   fabian-riedel hat kostenlosen Webspace.

   17:58, 16.7.2018

   Abend miteinander,
   
   ich stehe vor dem bekannten Problem, dass

   $(document).ready( function() {	});

   nicht bei Ajax-Nachgeladenen Inhalten zieht.
   Klar, Abhilfe schafft .on() bei Elementen, die einfach nur auf einen Klick oder Ähnliches reagieren sollen.
   Nun habe ich aber z.B. .sortable() oder .tablesorter() verbaut.
   Meine erste Idee war das ganze per .on("mousemove") zu starten:
   

   $(document).on("mousemove", '#sortable1, #sortable2', function(event) {
   	$("#sortable1").sortable({
   	...
   	});
   });

   
   Dadurch scheint das Script allerdings mehrfach ausgeführt zu werden.
   Hat jemand Abhilfe für dieses Problem?
   
   Liebe Grüße
   Fabian Riedel
   
   Beitrag zuletzt geändert: 16.7.2018 18:01:20 von fabian-riedel

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. user012

   user012 hat kostenlosen Webspace.

   12:25, 17.7.2018

   Mir fällt zwar kein Grund ein, warum ersteres nicht funktionieren sollte, du könntest aber folgendes nehmen:
   
   

   var started = false;
   $(document).on("mousemove", '#sortable1, #sortable2', function(event) {
           if(started) {
               return true; // wir brauchen nicht weitermachen
           }
   	$("#sortable1").sortable({
   	...
   	});
           started = true; // wir haben das script einmal ausgeführt
   });

   
   Du könntest es auch mal mit
   
   

   $(window).on('load', function() {
       // dein code
   })

   
   probieren
4. Autor dieses Themas

   fabian-riedel

   

   fabian-riedel hat kostenlosen Webspace.

   23:06, 20.7.2018

   user012 schrieb:
   Du könntest es auch mal mit
   
   

   $(window).on('load', function() {
       // dein code
   })

   
   probieren

   
   
   Genau das war die Lösung, herzlichen Dank!

5. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?