jQuery mehrfach auf selben veränderten Element

tino91 · 21.06.2010, 07:06

Hallo @ all,

ich habe ein Problem mit einer jQuery-Funktion. Ziel ist es einen Kommentar hervorzuheben. Dabei habe ich ein Bild mit einem #-Link ausgestattet, so dass mir die nötigen Daten übergeben werden.

Die Funktionen sind bis auf die Namen fast Baugleich und funktionieren jedoch je nur einmal.

PHP-Code:

                          //////////////////////////////////////////
                        // Notiz markieren / nicht markieren
                        //////////////////////////////////////////                    
                        $(".marknotiz").click(function(e) {
                            e.preventDefault();
                            var commentID = $(this).attr("title");
    
                            $(this).attr("class","unmarknotiz");
                            $(this).attr("href","#");
                                                    
                            $('.notiz-' + commentID).load("jsaction.php?action=markcomment&id=" + commentID, function(response, status, xhr){
                                $(this).attr("src","img/msel.gif");
                            });    
                                                                                
                        });        
                        
                        // Eventuell muss das HREF noch durch eine Route ersetzt werden, damit er das merkt!"!!!! (Gedanke am Abend))"
                        
                        $(".unmarknotiz").click(function(e) {
                            e.preventDefault();
                            var commentID = $(this).attr("title");
    
                            $(this).attr("class","marknotiz");
                            $(this).attr("href","#");
                                                    
                            $('.notiz-' + commentID).load("jsaction.php?action=unmarkcomment&id=" + commentID, function(response, status, xhr){
                                $(this).attr("src","img/mnosel.gif");
                            });    
                                                                                
                        });

Das dazu genutze HTML-Element sieht so aus:

PHP-Code:

  <a href="#" title="845" class="marknotiz"><img class="notiz-845" src="img/mnosel.gif" border="0"></a>

Es klapp auch je einmal, also:
marknotiz -> unmarknotiz, oder
unmarknotiz -> marknotiz

Jedoch klapp es nie zurück:
marknotiz -> unmarknotiz -> marknotiz, oder
unmarknotiz -> marknotiz -> unmarknotiz

Was mache ich falsch.

Gruß

tino91

nikosch · 21.06.2010, 07:08

So auf die Schnelle würde ich sagen, Du löschst die alte Klasse nicht. Dadurch wird bei jedem weiteren Klick jede Funktion nacheinander ausgeführt.

tino91 · 21.06.2010, 07:36

Zitat:

Zitat von nikosch

So auf die Schnelle würde ich sagen, Du löschst die alte Klasse nicht. Dadurch wird bei jedem weiteren Klick jede Funktion nacheinander ausgeführt.

Du meinst damit das der Link

PHP-Code:

  <a href="#" title="845" class="marknotiz">...

sich nicht zu

PHP-Code:

  <a href="#" title="845" class="unmarknotiz">...

ändert? Da muss ich leider ein Kontra einlegen. Der Link wird mir im Firefox nach dem Klick im Quelltext korrekt verändert angezeigt.

Sollte ich da an irgendwas vorbei rauschen, würde ich mich auf Klärung freuen.

Gruß und danke für die rasche Antwort.

tino91

// Edit:

Oder meintest du das, folgendes noch (nach?) dem ändern in die Funktion muss: $(".marknotiz").removeClass("marknotiz");

nikosch · 21.06.2010, 08:22

PHP-Code:

  <a href="#" title="845" class="marknotiz unmarknotiz">

Steht eigentlich oben, was ich meine.

Zitat:

Oder meintest du das, folgendes noch (nach?) dem ändern in die Funktion muss: $(".marknotiz").removeClass("marknotiz");

Das wäre meine Vermutung.

rudygotya · 21.06.2010, 08:22

Entweder löst man das mit einer gemeinsamen Klasse, so dass du in dem Objekt einfach nen Schalter hast und kann das durch einen event bind lösen oder per $.live. Du solltest dir trotzdem mal addClass / removeClass ansehen.

tino91 · 21.06.2010, 15:34

Habe mit bind und unbind versucht zu arbeiten, brachte kein Erfolg. addClass und removeClass sind nun erstmal nicht mehr notwendig, ich habe eine entsprechende Funktion geschrieben, die nun beide Funktionen "marknotiz" und "unmarknotiz" entsprechend vereint. Dank if / else, ist das nun kein Problem mehr. Danke für die Tipps am frühen morgen

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
jQuery findet Element nicht	ByStones	JavaScript, Ajax und mehr	8	11.06.2010 14:03
Element erstellen, in Quelltext einfügen und auf dieses zugreifen können	R4v3r	JavaScript, Ajax und mehr	8	18.12.2009 11:33
[Erledigt] Mehrfach selben datensatz in Datenbank	vikt0r	PHP Tipps 2009	11	14.11.2009 15:29

21.06.2010, 07:06
tino91 Neuer Benutzer Registriert seit: 25.07.2009 Beiträge: 13 PHP-Kenntnisse: Fortgeschritten	jQuery mehrfach auf selben veränderten Element Hallo @ all, ich habe ein Problem mit einer jQuery-Funktion. Ziel ist es einen Kommentar hervorzuheben. Dabei habe ich ein Bild mit einem #-Link ausgestattet, so dass mir die nötigen Daten übergeben werden. Die Funktionen sind bis auf die Namen fast Baugleich und funktionieren jedoch je nur einmal. PHP-Code: ////////////////////////////////////////// // Notiz markieren / nicht markieren ////////////////////////////////////////// $(".marknotiz").click(function(e) { e.preventDefault(); var commentID = $(this).attr("title"); $(this).attr("class","unmarknotiz"); $(this).attr("href","#"); $('.notiz-' + commentID).load("jsaction.php?action=markcomment&id=" + commentID, function(response, status, xhr){ $(this).attr("src","img/msel.gif"); }); }); // Eventuell muss das HREF noch durch eine Route ersetzt werden, damit er das merkt!"!!!! (Gedanke am Abend))" $(".unmarknotiz").click(function(e) { e.preventDefault(); var commentID = $(this).attr("title"); $(this).attr("class","marknotiz"); $(this).attr("href","#"); $('.notiz-' + commentID).load("jsaction.php?action=unmarkcomment&id=" + commentID, function(response, status, xhr){ $(this).attr("src","img/mnosel.gif"); }); }); Das dazu genutze HTML-Element sieht so aus: PHP-Code: `<a href="#" title="845" class="marknotiz"><img class="notiz-845" src="img/mnosel.gif" border="0"></a>` Es klapp auch je einmal, also: marknotiz -> unmarknotiz, oder unmarknotiz -> marknotiz Jedoch klapp es nie zurück: marknotiz -> unmarknotiz -> marknotiz, oder unmarknotiz -> marknotiz -> unmarknotiz Was mache ich falsch. Gruß tino91 Geändert von tino91 (21.06.2010 um 07:14 Uhr).


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

21.06.2010, 07:08
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	So auf die Schnelle würde ich sagen, Du löschst die alte Klasse nicht. Dadurch wird bei jedem weiteren Klick jede Funktion nacheinander ausgeführt. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

21.06.2010, 08:22
rudygotya Erfahrener Benutzer Registriert seit: 28.05.2008 Beiträge: 2.094 PHP-Kenntnisse: Fortgeschritten	Entweder löst man das mit einer gemeinsamen Klasse, so dass du in dem Objekt einfach nen Schalter hast und kann das durch einen event bind lösen oder per $.live. Du solltest dir trotzdem mal addClass / removeClass ansehen. __________________ ++++ Wieder einer ins Netz gegangen: Phishers Fritz zufrieden ++++ Blog

21.06.2010, 15:34
tino91 Neuer Benutzer Registriert seit: 25.07.2009 Beiträge: 13 PHP-Kenntnisse: Fortgeschritten	Habe mit bind und unbind versucht zu arbeiten, brachte kein Erfolg. addClass und removeClass sind nun erstmal nicht mehr notwendig, ich habe eine entsprechende Funktion geschrieben, die nun beide Funktionen "marknotiz" und "unmarknotiz" entsprechend vereint. Dank if / else, ist das nun kein Problem mehr. Danke für die Tipps am frühen morgen