jQuery über WordPress laden
jQuery ist in WordPress bereits integriert. Wenn ihr Scripte verwendet, die jQuery voraussetzen, solltet ihr daher die bereits vorhandene Version nutzen.
Das JavaScript-Framework jQuery wird in vielen Webprojekten verwendet. Wenn ihr jQuery in Zusammenhang mit WordPress einsetzen möchtet empfiehlt es sich die bereits integrierte Version von jQuery zu laden. Andernfalls kann es passieren, dass ihr das Framework mehrfach ladet. Beachtet jedoch, dass die jQuery-Version in WordPress bei einem Update der Software ggf. ebenfalls aktualisiert wird.
Den <head> anpassen
Um die in WordPress integrierte jQuery-Version zu laden, verwenden wir die Funktion wp_enqueue_script
. In diesem Zusammenhang sind folgende Code-Passagen relevant.
<?php wp_enqueue_script('jquery'); ?>
Dieses Snippet wird in der header.php
verwendet und muss zwingend vor <?php wp_head();?>
eingebunden werden. Es integriert jQuery über WordPress. Evtl. möchtet ihr, dass WordPress selbst die jQuery-Version über Googles CDN bezieht. Sollte das der Fall sein, lest bitte diesen Artikel.
jQuery konfliktfrei verwenden
jQuery ist nun verfügbar und kann verwendet werden. Da WordPress jQuery im sog. »No Conflict Mode« verwendet, müssen alle jQuery-Passagen im Theme mit folgendem Wrapper umschlossen werden.
jQuery(document).ready(function($) {
...
});
Hallo Jonas,
vorneweg: DANKE!
Ich bin ein Anfänger was WordPress, PHP und JAVA betrifft und eben fast wahnsinnig geworden, bei dem Versuch ein externes jQuery-Skript in mein WP-Theme einzubinden…Dank der Passage „jQuery konfliktfrei verwenden“ läuft es endlich :)