【WordPress】jQueryが動かない人への対処方法

wordpress-logo-stacked-rgb

2012年06月25日(月)

  いやー結構はまっちゃいましたよ。 結構はまっている方がいないんですね! WEBで探したんですがあまりいなかったです。 WordPressでjQueryが動作しないという方の為の対応方法です。 ということでここでも紹介させて頂きます。         簡単にいうと、 普通のWEBサイトと違って、 WordPress独自でのjQueryの指定の方法があるようです。 (全然しらなかった…)   まぁ得意の関数があるということですね。 その関数がこちら!!  
wp_enqueue_script
指定方法はこちら
wp_enqueue_script(‘名前’, get_bloginfo(‘template_url’) . ‘/js/jQueryファイル名’,array(jquery));
  実際の使い方はこちら
<?php wp_enqueue_script(‘sample’, get_bloginfo(‘template_url’) . ‘/js/jquery.sample.min.js’,array(jquery)); ?> <?php wp_head(); ?>
  引数の3番目は依存しているjQueryを合わせて指定するためにあるようです。 まぁほぼ依存していると思うので書いておいて問題はないでしょう。   あとはwp_head();より上に記述するようです。     もう一つは結構気づかない人がいると思いますが… コードを記述する際には、  
$ は使わないで jQuery と書く
  というのがWordPressでの使用方法らしいです!
例としては以下になります。 <script> $(function(){ $(‘#slider’).anythingSlider({ easing: ‘easeInOutBack’ }); }); </script>
ではなく、以下に変更して下さい。
<script> jQuery(function(){ jQuery(‘#slider’).anythingSlider({ easing: ‘easeInOutBack’ }); }); </script>
    ということらしいです。 こんなことに2日間ぐらい悩んでしまった。   はぁ。。。なんてこったですわ。 ただ、これで先に進めます! ぐいぐい行きますよ!     ではまた! ※WordPress祭り継続中!!   以下参考にさせて頂きました! ありがとうございます! □参考 WordPressでjQueryが動かないという人へ – WordPressにイメージスライダーを付けてみよう http://webdesignrecipes.com/anythingslider-in-wordpress-with-jquery/    

スポンサードリンク

運営サービスPR

スポンサードリンク

運営サービスPR