2014/02/06 (更新日: 2016/08/13)

jQueryが動かない場合に簡単に動かす方法・手順【初心者向け】

PROGRAMMING

jQuery使ってるとたまに、
『jQuery動かんふぁーーっっく』ってなります。

そういったときの対処方法まとめです。

１．headerでjQueryのスクリプトを読み込んでいるか確認する

もし読み込んでいなかったら、以下をコピペして貼付けましょう。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>

２．動かないjQueryの読み込み方法を変更する

以下に5つの方法をまとめました。
動くまでぜんぶ試してみましょう。

jQueryが動かない場合の対処コード1

(function($){
  // ここにコードを記述
})(jQuery);

jQueryが動かない場合の対処コード2

jQuery(document).ready(function($){
    // ここにコードを記述
});

jQueryが動かない場合の対処コード3

jQuery(function() {
// ここにコードを記述
});

jQueryが動かない場合の対処コード4

jQuery(document).ready(function($){ 
　　$(document).ready(function(){
    　　// ここにコードを記述
　　});
});

jQueryが動かない場合の対処コード5

jQuery(document).ready(function($){ /
　　jQuery(document).ready(function(){
    　　// ここにコードを記述
　　});
})

以上です。
これで動かなかったら諦めましょう。

ときには諦めも必要です。

JavaScript

• Tweet
• LINE
• Read Later