Beiträge von Evil-Rabbit

Also ich hab es jetzt hinbekommen.
Zuerst hab ich das Javascript im Footer statt im Header included und zwar ganz normal mit

<script type="text/javascript"
   src="[URL zum Script]"></script>

Jenes sieht jetzt so aus:

jQuery('.mehrweniger').click(function () {
                                       
                                       
    if (jQuery(this).find('.mw').attr('title')=="weniger") {
                jQuery(this).find('.mw').replaceWith('<span class="mw" title="mehr">mehr...</span>');
               }
       else { jQuery(this).find('.mw').replaceWith('<span class="mw" title="weniger">weniger...</span>');
               }
     });

Und es funktioniert tatsächlich nur mit den zwei spans ineinander. Wenn ich die Funktion nur mit dem inneren span aufrufe, wo es sich quasi selbst ersetzt, dann geht er beim zweiten Klick (warum auch immer) gar nicht in die Funktion rein (habs mit alert() getestet, denn das funktionierte jetzt auch). Jedenfalls funktionert es jetzt, dass die Wörter ausgetauscht werden.

Vielen Dank für deine Hilfe!

Es zeigt eben in der Fehlerkonsole keinen Fehler an und das Auf- und Zuklappen funktioniert auch weiterhin.
Hab es auch eigentlich immer mit mehrmaligem Neuladen probiert. Jetzt nicht direkt mit Strg+F5 aber eben aktualisiert. Der Quelltext hat sich ja auch immer so verändert, wie ich ihn bearbeitet hab in WP und bei verschiedenen Tests kam es ja bei gleichem Vorgehen auch vor, das mal nichts funktionierte.

Funktioniert leider auch nicht. Mit dem title-Tag hatte ich es schon probiert, war auch mein Anfangsgedanke, jedoch funktioniert das seltsamerweise auch nicht, weil jQuery höchstwahrscheinlich nicht auf das aktualisierte DOM zugreift nach dem Aufruf.
Jedoch hatte es bei mir zumindest einmal funktioniert, jetzt funktioniert es gar nicht. Da hatte ich das Script aber noch direkt mit im html-Quelltext gehabt.

Was mich auch noch wundert ist, dass wenn ich irgendwo im Script ein alert() einbaue, um mir eine Variable testweise ausgeben zu lassen, dieses auch nie funktioniert...

:confused:

Hallo,
ich hoffe ich bin hier im richtigen Forum, aber hier waren ja schon Themen mit ähnlichen Anliegen.
Meins:
Ich habe auf einer Seite in Wordpress einen Link, bei dessen Anklicken ein Text mit mehr Informationen per jQuery slideToggle eingeblendet werden soll. Dazu habe ich eine Funktion geschrieben, die aufgerufen wird und das funktioniert auch.
Nun möchte ich aber auch, dass sich der Textlink von "mehr..." in "weniger..." verändert. Dazu habe ich eine weitere Funktion geschrieben. Diese funktioniert jedoch nur, wenn ich die gewünschten spans mit # selektiere. Ändere ich alle IDs in Klassen, damit ich die Funktion mehrmals und an verschiedenen Stellen benutzen kann, dann funktioniert es nicht.

Ich habe diese beiden Funktionen in einem externen js-File, welches ich über den HTML-Header-Insert im Atahualpa-Theme in den Header wie folg einbinde:

<?php wp_enqueue_script( 'crew',  plugins_url($path = 'wp-includes/js/crew.js'), array('jquery') ); ?>

Diese Datei sieht dann so aus:

var stat;


 jQuery('a.crewmitglied').click(function(){
                        idelem = jQuery(this).attr('id');
                        idelemdiv = idelem.replace('link', 'div');
            jQuery('#'+idelemdiv).slideToggle(300);
    });


jQuery('.mw').click(function () {
    if (stat == 'wen') {
                jQuery('.mehrweniger').replaceWith('<span class="mehrweniger" title="mehr">mehr...</span>');
                stat = 'me';
               }
       else { jQuery('.mehrweniger').replaceWith('<span class="mehrweniger" title="weniger">weniger...</span>');
                stat = 'wen'; }
     });

Wenn in der zweiten Funktion alle "." in "#" und alle "class" in "id" geändert werden und mein Link so aussieht:

<a id="link_ralf" class="crewmitglied" onclick="return false;" href="#"><span id="mw"><span id="mehrweniger" title="mehr">mehr...</span></a>

dann geht es bei diesem ersten Link einwandfrei, aber logischerweise bei keinem anderen.
Hab ich jedoch den Link so:

<a id="link_ralf" class="crewmitglied" onclick="return false;" href="#"><span class="mw"><span class="mehrweniger" title="mehr">mehr...</span></a>

und die Funktion wie oben angegeben. Dann funktioniert nur der slideToggle, sonst nichts.

Überseh ich irgendwas oder denke falsch??