it-swarm.com.de

wie man eine einfache jquery Datei in ein WordPress Plugin einbindet

ok, dies ist mein erstes Mal, dass ich jQuery in WordPress einbinde, und ich habe die 2 vollen Tage gebraucht, um das herauszufinden. Egal wie viele Artikel ich lese, ich kann kein perfektes Beispiel finden.

Ok, das ist meine Plugin-Datei ... sehr einfach.

<?php
    /*
    Plugin Name: jQuery Include Test
    Plugin URI: http://jquery.com
    description: A test to include jQuery.
    Author: blah blah
    Author URI: 
    */


// jQuery alert to pop up when the page loads.

    function pop_jquery_test() {
    $src = plugins_url('includes/jquerytest.js', __FILE__);
    wp_register_script( 'jquerytest', $src );
    wp_enqueue_script( 'jquerytest' );
    wp_enqueue_script( 'jquery' );
}
add_action('init','pop_jquery_test'); 

und das ist die jquerytest.js datei die

$j=jQuery.noConflict();

$jQuery(document).ready(function(){

 alert('hi there');
});

jetzt ist die Frage, wie ich das zum Laufen bringen kann. in dem Sinne, wenn ich das Plugin aktiviere, erscheint es wie im obigen JQuery-Code.

1
Ronny

Ihre jQuery ist falsch. Was Sie wollen, ist jQuery(docu.... nicht $jQuery(docu....

Sie sollten versuchen, sicherzustellen, dass die Komponenten einzeln funktionieren, bevor Sie sie zusammenbauen (natürlich aus vernünftigen Gründen). Dadurch wird die Fehlerbehebung für Sie VIEL einfacher.

5
mor7ifer
function pop_jquery_test() {
    wp_enqueue_script( 'jquery' );
    $src = plugins_url('includes/jquerytest.js', __FILE__);
    wp_register_script( 'jquerytest', $src );
    wp_enqueue_script( 'jquerytest' );
}     
add_action('init','pop_jquery_test'); 

und in der Datei jquerytest.js Code schreiben und testen

 jquery(document).ready(function(){
  alert('hi there');
});

Stellen Sie sicher, dass Ihr Dateipfad korrekt ist, da andernfalls jquery nicht funktioniert. Sie können firebug verwenden, um zu überprüfen, ob jquery in Ihrem Datei- oder Pfad-Promblem enthalten ist oder nicht. Verwenden Sie entweder $ oder jquery oder variable, aber kombinieren Sie sie nicht $jquery in Ihrem Code.

1
Dipika