jquery Problem

VoinG · 27.12.2008, 16:21

Hallo!

Ich brauche Hilfe, ich habe ein seltsames (m.E.) Problem mit jquery und WP 2.7. Es geht nicht darum: jquery Probleme
es geht aber um Folgendes:

Ich habe einen Code (html-css). Auf diesen Code möchte ich mit Hilfe von jquery einwirken. Wenn ich diesen Code im Footer oder im Header (wie immer, ganz normale php-Dateien) einfüge, funktioniert alles einwandsfrei. Wenn ich den Code aber mit Hilfe vom WP-Editor einfüge, in den Artikel, funktioniert es nicht. Den wysiwyg-Editoren habe ich bereits deaktiviert...
Woran könnte das liegen?
Vielen Dank!

PS. Komischerweise werden von WP immer wieder hinzugefügt, obwohl ich wie gesagt ohne wysiwyg unterwegs bin.. Wie kann ich das Problem beheben? Danke!

jottlieb · 27.12.2008, 17:24

Ja, der Editor ist leider recht eigenwillig. Wenn es eine Seite ist, dann nimm am besten ein Seitentemplate.

Wenn es ein Artikel, aber nur eine einmalige Sache, dann versuche den Code direkt in der Datenbank in den Artikel einzutragen.

VoinG · 27.12.2008, 17:39

Jetzt ganz komisch, es wird manchmal ohne hinzugefügt

Kann man so etwas überhaupt abschalten?

Zitat:

Wenn es eine Seite ist, dann nimm am besten ein Seitentemplate.

es geht leider nicht darum, dass ich einmalig was mit jquery zeigen will. Ich habe mit Hilfe von CSS verschiedene Klassen erstellt, die ich im Editor einfügen und mit Hilfe von jquery beeinflussen will. Mehrmals und häufig also

Und das geht im Seitenkörper nicht.. Hatte jemand bereits so ein Problem? Danke!

jottlieb · 27.12.2008, 17:42

So gesehen hat jeder das Problem, der Code, der mehr als nur usw. beinhaltet, direkt via Editor in Artikel/Seiten einfügt. Weil eben noch ein paar Filtermechanismen in WP eingebaut sind. Siehe auch WordPress › WordPress Ideas — Idea: Trust me when I edit HTML

Hier im Forum gab es das Thema auch schon öfter.

VoinG · 27.12.2008, 18:02

Naja.. Damit muss man leben können. Ich habe vor Kurzem den Autor dieses schönen Artikels angeschrieben: jQuery für Anfänger von einem Anfänger | steintafel blog
Ich denke mir dass er auch das Problem hatte, sonst hätte er die ganzen Beispiele nicht in die externen html-dateien ausgelagert, oder?

Vielleicht antwortet er

infected · 28.12.2008, 00:10

Korrigiert mich bitte wenn ich falsch liege, aber das hört sich für mich nach der wpautop Geschichte an und dafür gibt´s doch Lösungen...

VoinG · 29.12.2008, 00:55

Hallo!

Ich denke, ich stelle die Frage einmal ein bisschen anders:
Weiß vielleicht jemand warum weder der Code

Code:

<a href="#" onclick="JQuery(this).next().slideToggle('slow');">hier</a><div class="sthide" style="clear:both;">TEXT HIER</div>

noch der

Code:

<a href="#" onclick="$(this).next().slideToggle('slow');">hier</a><div class="sthide" style="clear:both;">TEXT HIER</div>

noch sonst was anderes was mit JQuery zu tun hat weder in einem Artikel noch in einer Seite funktioniert? Man bekommt immer wieder einen und denselben Fehler:

Zitat:

Fehler: JQuery is not defined
Quelldatei: http://127.0.0.1/xxx/xxx
Zeile: 1

Wie soll ich JQuery dem Wordpress "erklären"?

Danke für eure Tipps!

VoinG · 29.12.2008, 12:54

Ok, ich stelle die Frage ganz anders

Hat jemand irgendwann versucht, JQuery in einen Artikel oder eine Seite einzubinden? Hat es geklappt?
Danke!

codestyling · 29.12.2008, 17:22

Also, jQuery in Seiten Templates einbinden geht über die functions.php der Themes:

Code:

wp_enqueue_script('jquery');

Das führt dazu, das in jeder ausgegebenen Theme basierten Seite jQuery verfügbar ist.

Und wenn du es aufrufst, dann geht $ nicht immer, denn aus Kompatibilitätsgründen ist jquery.js bei WordPress erstmal nicht auf $ abonniert sondern prototype.js
Deshalb sicherheitshalber so verwenden und bitte auch richtig schreiben (kleines j):

Code:

jQuery(this).blur();

VoinG · 29.12.2008, 17:56

Vielen Dank füe die Antwort, das geht bei mir aber nicht.. jQuery habe ich nun über functions.php eingebunden, jQuery funktioniert auch. Aber überall dort, wo Editor nicht zum Einsatz kommt

jQuery im Footer:

HTML-Code:

<script type="text/javascript">
jQuery(document).ready(function(){ 
    jQuery("a.nextopen").click(function(){
        jQuery(this).next().slideToggle('slow');
    });  
});        
</script>

Der Code, der im Footer funktioniert und im Seitenkörper nicht:

HTML-Code:

<a href="#xx" class="nextopen">hier</a><div class="footwerb sthide">text</div>

Der Quellcode ist ok, es werden keine usw. hinzugefügt.
@codestyling bei dir funktioniert es aber?

Danke!