[WordPress] jQuery のワードプレスでは、定義されていないが、私のスクリプトが正しくキューに登録

スポンサーリンク

質問

別個の javascript をロードしようとしている私のワードプレスのテーマを携帯 menu.js ファイルします。ときに、コンソールを見て、それは言う、「jQuery は定義されていません」。しかし、私は知っている私は私のスクリプト ファイルを正しくキューに登録します。任意のアイデア?

HTML ファイル:

<a href="#" id="menu-icon"></a> <!--this line wasn't here originally-->
    <div id="switchmenu"><!--switchmenu begin-->
        <?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?>
    </div><!--switchmenu end-->

functions.php ファイル:

function lapetitefrog_scripts() {
    wp_enqueue_style( 'lapetitefrog-style', get_stylesheet_uri() );
    wp_enqueue_script( 'lapetitefrog-mobile-menu', get_template_directory_uri() . '/js/mobile-menu.js', array(), '1.0', true );
}
add_action( 'wp_enqueue_scripts', 'lapetitefrog_scripts' );

携帯 menu.js ファイル:

 jQuery(document).ready(function($) {
    $('#menu-icon').click(function() {
            $('#switchmenu').slideToggle("fast");
    });
});

答え

スクリプトを置く前に

wp_enque_script('jquery');

を追加します


答え

最初ことを確認その jquery ファイルは含めるヘッダー、および、ファイル正課 jQuery

wp_enqueue_script( 
        'lapetitefrog-mobile-menu', 
        get_template_directory_uri() . '/js/mobile-menu.js', 
        array('jquery'), 
        '1.0', 
        true 
);

と同様に javascript ファイルを起動する第二に:

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

または

// Use jQuery in place of $
jQuery(document).ready(function() {
    .....
});

答え

ワードプレス発送既定で jQuery を使って

// Adds jQuery
    add_action('init', 'childoftwentyeleven_down');

        function childoftwentyeleven_down() {

          // register your script location, dependencies and version
                wp_register_script('down',
                    get_stylesheet_directory_uri() . '/js/down.js',
                    array('jquery') );
           // enqueue the script
           wp_enqueue_script('down');

        }

http://stackoverflow.com/questions/28248113/jquery-is-not-defined-in-wordpress-but-my-script-is-enqueued-properly

スポンサーリンク

Leave a Reply