php.de

Zurück   php.de > Webentwicklung > JavaScript, Ajax und mehr

JavaScript, Ajax und mehr dynamisches Scripten und Interaktion auf Clientebene

Antwort
 
LinkBack Themen-Optionen Thema bewerten
Alt 05.09.2011, 20:19  
Benutzer
 
Registriert seit: 05.09.2007
Beiträge: 69
Minimi befindet sich auf einem aufstrebenden Ast
Standard [Erledigt] [JQuery] JQuery funktioniert nach .insertBefore() nicht mehr

Hallo Leute,

ich hoffe ihr könnt mir helfen

Ich habe einen simplen JQuery Code gebaut, in dem ich einen HTML Code mit .insertBefore() in eine Liste einfüge. Unter dem HTML Code ist ein Link enthalten, nach dessen Klick ein weiterer JQuery Code angesprochen wird. Jedoch passiert nach dessen Klick gar nichts.

Ein kleiner Code zum Verständnis:
Grund-HTML-Code:
Code:
<ul>
<li><a class="new1">Neu</a></li>
</ul>
Nun der JQuery Code:
Code:
$(document).ready(function(){

    $(".new1, .new2").click(function(){

        var row = $(this).parent();
        

$('<li><a class="loeschen">Loeschen</a></li>').insertBefore(row);
   
     
    });

$(".loeschen").click(function(){

        var row = $(this).parents("li:first");
        row.remove();
        
    });
});
Ich wäre für Hilfe sehr dankbar

Vielen Dank

Grüße
Minimi ist offline   Mit Zitat antworten
Sponsor Mitteilung
PHP Code Flüsterer

Registriert seit: 21.08.2005
Beiträge: 4682
PHP-Kenntnisse:
Fortgeschritten

Alt 05.09.2011, 20:44  
fab
Erfahrener Benutzer
 
Benutzerbild von fab
 
Registriert seit: 28.07.2010
Beiträge: 2.308
PHP-Kenntnisse:
Fortgeschritten
fab ist ein Lichtblickfab ist ein Lichtblickfab ist ein Lichtblickfab ist ein Lichtblickfab ist ein Lichtblick
Standard

Zu dem Zeitpunkt wo du allen Elementen mit der Klasse "loeschen" den Klick-Event-Handler zuweist, existiert der fragliche Link noch gar nicht. Das musst du also nach dem Erstellen explizit machen.
fab ist offline   Mit Zitat antworten
Alt 05.09.2011, 20:54  
Benutzer
 
Registriert seit: 05.09.2007
Beiträge: 69
Minimi befindet sich auf einem aufstrebenden Ast
Standard

Hallo fab,

danke erstmal für die schnelle Antwort.

Aber ich kann doch nicht bei jedem hinzufügen den Kompletten JQuery-Code dazupacken? Gibt es noch eine Möglichkeit dieses Problem zu umgeben?

Vielen Dank

Grüße

PS: Ich habe probiert, wenn ich den JQuery Code immer mit hinzufügen lasse, aber danach reagiert der JQuery click() Befehl immer mehr als 1x.
Minimi ist offline   Mit Zitat antworten
Alt 05.09.2011, 21:24  
moderatives Dielektrikum
 
Benutzerbild von nikosch
 
Registriert seit: 21.05.2008
Beiträge: 35.987
PHP-Kenntnisse:
Fortgeschritten
nikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunft
Standard

live()
__________________
--
One pixel is still too big. Please make it smaller. ASAP.

Initiative Mittelstand.
Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers.
--
nikosch ist offline   Mit Zitat antworten
Alt 05.09.2011, 21:29  
fab
Erfahrener Benutzer
 
Benutzerbild von fab
 
Registriert seit: 28.07.2010
Beiträge: 2.308
PHP-Kenntnisse:
Fortgeschritten
fab ist ein Lichtblickfab ist ein Lichtblickfab ist ein Lichtblickfab ist ein Lichtblickfab ist ein Lichtblick
Standard

Du musst den Event Handler dann auch speziell an das neue Element binden und nicht (erneut) an alle Elemente der Klasse "loeschen". Das geht natürlich besser wenn du den Link einzeln erzeugst und nicht direkt im li-Element.:

Code:
var a = $('<a class="loeschen">Loeschen</a>');
a.click(function(){ ... });
var li = $(document.createElement('li'));
li.append(a);
li.insertBefore(row);
Edit: Okay, vergiss es, mit live() kannst du es genauso machen wie jetzt.
fab ist offline   Mit Zitat antworten
Alt 06.09.2011, 21:24  
Benutzer
 
Registriert seit: 05.09.2007
Beiträge: 69
Minimi befindet sich auf einem aufstrebenden Ast
Standard

Danke euch beiden, hat perfekt funktioniert

Danke
Minimi ist offline   Mit Zitat antworten
Antwort


Themen-Optionen
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an
Gehe zu

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Einsatz von Milestones (jQuery) dreamcatcher JavaScript, Ajax und mehr 4 28.06.2011 12:07
PHP und jquery mehlwurm PHP Einsteiger 13 30.05.2011 23:09
Zwei verschiedene jQuery Aktionen Electrofreak JavaScript, Ajax und mehr 3 14.01.2011 14:40
jQuery ":not" selektor Paul.Schramenko JavaScript, Ajax und mehr 13 03.12.2010 17:11
[Erledigt] jQuery Funktion auf dynamisch hinzugefügtes Div legen sdcleitung JavaScript, Ajax und mehr 15 15.11.2010 23:40
[Erledigt] str_replace funktioniert nur lokal Cogax PHP Tipps 2010 19 27.10.2010 21:28
Code funktioniert plötzlich nicht mehr nach Serverumzug Hawk PHP Tipps 2010 4 18.08.2010 08:12
[Erledigt] [jQuery] String mit Leerzeichen wird nicht verarbeitet mumaha JavaScript, Ajax und mehr 3 29.07.2010 17:00
jquery: dialogbox funktioniert nicht Dreamwatcher JavaScript, Ajax und mehr 16 22.07.2010 18:22
Verschlüsselung funktioniert nicht richtig netmario PHP Tipps 2010 2 19.05.2010 22:57
[Erledigt] [Erledigt] jQuery Endlos Scrolling Umlaute kn0wledge JavaScript, Ajax und mehr 0 18.10.2009 19:29
mod_rewrite mit slash/ohne slash funktioniert nur teilweise taurus Server, Hosting und Workstations 4 13.09.2009 12:57
jQuery mit AJAX ohne ActiceX im IE? krush JavaScript, Ajax und mehr 2 11.08.2009 08:54
[Erledigt] Umlaute ersetzen funktioniert nicht richtig BlackSpirit PHP Tipps 2009 19 20.04.2009 12:04
Dateien erstellen oder schreiben funktioniert nicht im Web PHP Tipps 2004-2 1 05.12.2004 19:39

Besucher kamen über folgende Suchanfragen bei Google auf diese Seite
insertbefore funktioniert nicht, jquery insertbefore, jquery live insertbefore, jquery funktion funktioniert nach append nicht mehr, jquery insertbefore 2 mal, jquery funktioniert nach ajax nicht mehr, jquery endlos, insertbefore geht nicht jquery, jquery nach html funktioniert nicht mehr, jquery insertbefore html code

Alle Zeitangaben in WEZ +2. Es ist jetzt 11:29 Uhr.




Powered by vBulletin® Version 3.7.2 (Deutsch)
Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0
Aprilia-Forum, Aquaristik-Forum, Liebeskummer-Forum, Zierfisch-Forum, Geizkragen-Forum