WP Javascript Jquery funktioniert nicht

Keithkeith · 28. Februar 2015

Hallo,
ich versuche gerade folgendes in meinem WP Theme einzubinden.

Code:
Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

Keithkeith · 2. März 2015

Muss ich das Javascript irgendwie besonders einbinden?
Geht es nicht über die Einbindung im Header usw.?

Niemand eine Idee?

Gruß Keith

pixselig · 2. März 2015

Jquery wird bei dir vermutlich im compatibility Mode: http://digwp.com/2011/09/using-instead-of-jquery-in-wordpress/ laufen.

Ansonsten schaue dir mal an was die Console deines Browsers sagt.

Keithkeith · 2. März 2015

Hallo und Danke für die Antwort,
es gibt da wohl viele Möglichkeiten.
Ehrlich gesagt, verstehe ich gerade nicht so richtig wie und was nun das richtige, bzw. einfachste ist.
Was meinst Du denn mit Browserconsole?
wp_enqueue_script("jquery"); in die function.php einfügen?
Leider blicke ich durch den ganzen Quellcode nicht wirklich durch

Gruß Keith

NDDT · 2. März 2015

Es wird wahrscheinlich das du anfängst deine Seite zu manipulieren bevor sie komplett geladen ist.

Code:
Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
Wenn du deine jQuery-code in die Funktion oben einfügst wird er erst ausgeführt wenn die Seite komplett geladen ist.

Keithkeith · 2. März 2015

Hi,
in welche funktion und an welcher Stelle?
meinst du diese hier?

$( document ).ready(function() {
$( init );
function init() {
$('#makeMeDraggable').draggable();
}

console.log( "ready!" );
});

Klicke in dieses Feld, um es in vollständiger Größe anzuzeigen.

Meinst du also eine Funktion in einer Funktion?

Gruß Keith

NDDT · 2. März 2015

wo du die funktion init hinmachst ist in dem fall egal. Mach sie außerhalb.

Der Funktionisaufruf muss dazwischen.

Keithkeith · 2. März 2015

Hi,
hab einen Knoten im Kopf!
meine header sieht jetzt so aus:


<style>
#makeMeDraggable { width: 300px; height: 300px; background: red; }
</style>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js"></script>

<script type="text/javascript">

jQuery( init );

function init() {
jQuery('#makeMeDraggable').draggable();
}

</script>

Klicke in dieses Feld, um es in vollständiger Größe anzuzeigen.

und meine index so:

<div id="content" style="height: 400px;">
<div id="makeMeDraggable"> </div>
</div>
Klicke in dieses Feld, um es in vollständiger Größe anzuzeigen.

Funktioniert nicht!

sowas hier:

Code:
Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
bringt auch nichts, auch nichts in der Firebug Konsole.
Frust!
... und welchen funktionsaufruf meinst du denn? da is doch keiner?

Gruß Keith

pixselig · 2. März 2015

Versuche es mal so:

HTML:
Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
bzw, könntest du für so etwas simples auch die funktion ganz weglassen und nur

HTML:
Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
schreiben.

Wenn das nicht funktioniert überprüfe die ID(nicht Klasse!!)-Schreibweise des zu manipulierenden Elements ncohmal genau.

Wenn das auch nichts bringt, dann postste einen Link zum Problem.

WPDE.org

WP Javascript Jquery funktioniert nicht

Keithkeith Active Member

Keithkeith Active Member

pixselig Well-Known Member

Keithkeith Active Member

NDDT Well-Known Member

Keithkeith Active Member

NDDT Well-Known Member

Keithkeith Active Member

pixselig Well-Known Member

Nützliche Suchen

WP Javascript Jquery funktioniert nicht

Keithkeith Active Member

Keithkeith Active Member

pixselig Well-Known Member

Keithkeith Active Member

NDDT Well-Known Member

Keithkeith Active Member

NDDT Well-Known Member

Keithkeith Active Member

pixselig Well-Known Member