Include jQuery in WordPress-Vorlage

Habe ich eine custom made slideshow, die ich verwendet jQuery zu entwickeln. Es funktioniert perfekt auf meinem Rechner, aber wenn ich versuchen und übergang es zu dem wordpress-server es will einfach nicht funktionieren...

Dies ist, wie ich link meine javascript-Dateien:

<?php wp_enqueue_script("jquery"); ?>       
        <?php wp_head(); ?>
        <script type="text/javascript" src="<?php bloginfo('template_url') ?>/js/jQuery.js"></script>
        <script type="text/javascript" src="<?php bloginfo('template_url') ?>/js/JQueryUI.js"></script>
        <script type="text/javascript" src="<?php bloginfo('template_url') ?>/js/slider.js"></script>
        <script type="text/javascript" src="<?php bloginfo('template_url') ?>/js/gallery.js"></script>

Und ich habe auch überprüft, dass das javascript funktioniert (Dinge wie alert). Aber alles, was mit jQuery nicht.

Dringend Hilfe brauchen. Irgendwelche Tipps, oder links zu entsprechenden tutorials zu tun. Dank n Voraus!

  • haben Sie das gelöst ? wie ?
InformationsquelleAutor KostR | 2013-06-07
  1. 6

    Sollten Sie verwenden wp_enqueue_script() in Ihrem functions.php - Datei, nicht Ihre header.php. (und Sie sind das hinzufügen jQuery zweimal)

    functions.php:

    function my_scripts_method() {
    wp_enqueue_script( 'jquery' );
    wp_enqueue_script( 'jquery-ui', get_template_directory_uri() . '/js/JQueryUI.js', );
    wp_enqueue_script( 'slider', get_template_directory_uri() . '/js/slider.js' );
    wp_enqueue_script( 'gallery', get_template_directory_uri() . '/js/gallery.js' );
}

add_action( 'wp_enqueue_scripts', 'my_scripts_method' );

    Sollten Sie auch beachten, dass WordPress reiht jQuery in noConflict-Modus, so müssen Sie noConflict-Wrapper nutzen zu können $:

    jQuery(document).ready(function($) {
    //your code here
});

    Dann rufen Sie einfach wp_head() und WordPress wird automatisch fügen Sie diese javascripts auf Ihrer Seite.

    • Ich kann nicht das bekommen, was meinst du... In welche Datei füge ich den code, den Sie geschrieben haben, header.php oder slider.js???
    • wp_head() werden sollte, bevor </head> in header.php. Your jQuery stuff in slider.js`.
    • Sie haben nur var auf der Linie 2 in gallery.js. entfernen Sie es.
    • Ich habe die wp_head() vor </head>.
    • Danke für den Hinweis, den Fehler in gallery.js aber es dodn es nicht lösen.
    • Ihre JQueryUI.js nicht auf dem server vorhanden sind. Sie müssen den richtigen Pfad
    • OMG, maaan... ich bin soooo fkn blöd 🙂 vielen Dank!!! Problem gelöst!!! 😉

    InformationsquelleAutor RRikesh
  2. 1

    Wie man hier sehen kann: Function Reference/wp head, in der Im twentyten-theme Beispiel wurde ein Hinweis Hinzugefügt:

    /* Always have wp_head() just before the closing </head>
 * tag of your theme, or you will break many plugins, which
 * generally use this hook to add elements to <head> such
 * as styles, scripts, and meta tags.
 */

    dies sagt gerade, dass Sie brauchen, um die wp_head(); Funktion nur vor dem schließen der <head></head>.

    also versuchen Sie auf setzen in dieser Zeile: 

    <?php wp_head(); ?>

    als Letzte Zeile vor dem schließen der <head> in you ' r Seite.

    und ein weiteres problem, das ich gesehen habe, ist, dass Sie vergessen haben, um das Ende der php-Zeilen mit ;

    ist es sehr kritisch !

    mit dem code, den Sie gab hier ändern Sie es mit diesem:

    <?php wp_enqueue_script("jquery"); ?>       
    <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jQuery.js"></script>
    <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/JQueryUI.js"></script>
    <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/slider.js"></script>
    <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/gallery.js"></script>
    <?php wp_head(); ?>
    • Danke für die Antworten, aber es hat nicht geholfen... Der Spaß mit dem regler, ist, dass es zeigt mir die erste Folie, und es nicht ändern...
    • kannst du einen link posten, damit ich sehen konnte das problem?
    • Hier ist die Seite: ashcroft.sitepreview.au.com/wordpress
    InformationsquelleAutor Eliran Efron
Schreibe einen Kommentar