web-dev-qa-db-ja.com

簡単なjqueryファイルをwordpressプラグインに含める方法

大丈夫、これがjQueryをwordpressに含めるのは私にとっては初めてのことで、これを理解しようとする2日間の丸ごとの時間を私にかかっています。たとえいくつの記事を読んでも、完璧な例を見つけることができません。

さて、これは私のプラグインファイルです...とてもシンプルです。

<?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');

これはjquerytest.jsファイルです。

$j=jQuery.noConflict();

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

 alert('hi there');
});

今問題はどのように私はこれを動作させるのですか？ある意味では、私がプラグインを有効にすると、上記のjqueryコードのようにポップアップします。

pluginsphpjquery
1
Ronny

あなたのjQueryは間違っています。欲しいのはjQuery(docu....ではなく$jQuery(docu...です。

コンポーネントを組み合わせる前に、それらが個別に機能することを確認するようにしてください（当然のことですが）。それにより、トラブルシューティングが非常に簡単になります。

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');

そしてjquerytest.jsファイルにコードを書いてそれをテストする

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

ファイルパスが正しいことを確認してください。そうでないとjqueryが機能しません。ファイルまたはパスの問題にjqueryが含まれているかどうかを確認できるようにfirebugを使用できます。 $またはjquery、あるいはvariableを使用しますが、それらを$jqueryをコード内で組み合わせないでください。

1
Dipika