PCブラウザでjqueryやjsが動いてスマホで動かない場合の対処法

PCでjqueryやjsが動いてスマホで動かない場合の対処法

読み込みの記述を変えることで、スマホでもjsを動かせます。
jsの読み込み方は下記の方法など色々と書き方があります。

 

$(document).ready(function(){

});


$(window).on('load', function(){

});

 

スマホとPCで読み込みの仕様が異なることが原因のようです。
なので、PCでjqueryやjsが動いてスマホで動かない場合は、$(document).ready ではなく、$(window).on('load' を試してみてください。
$(window).on('load'はHTMLや画像をすべて読み込んでからjsの読み込みを開始させる記述です。
これにすることで、スマホでもjsが動きます。


注意点は、window load は1ページにつき一回しか読み込ませられない点です。

 

 

category cloud