ショッピングサイトでjqueryエラー

Question

抽象的な質問になってしまうのですが...

PC だとデベロッパーツールでエラーもなくサイトが表示されるのですが、
スマホ表示にするとエラーが出てきて表示がおかしくなります。

consoleには
Uncaught TypeError: $ is not a function

と出ていて

$(function () {

ここの部分に✖がついています。
ただ、ＰＣではそのような表示がなく普通に動きます。

このような場合どのような問題が考えられるでしょうか。
よろしくお願いします。

Answer 1

どのような問題が考えられるでしょうか。

「ショッピングサイト≒広告」を連想しての回答になります。

jQuery が正しく読み込めているか、script[src] を再確認されてはどうでしょうか。

エラーメッセージからは、 $（window.$に相当）という namespace が未定義であることが読み取れ、メモリ上に jQueryオブジェクトが構築されていないと推察できます。

「広告ブロック機能」の有効化しているブラウザでは**「ブロックされてしまうホストが提供するjQueryライブラリは読まれない」**という事象もあります（端末の違いではなく、ブラウザ毎の違い）。

Comments

[sato.aj]

読み込めていないようでした。
システム側で制御されていたようです。
設定を変えたら、エラーがなくなりました。

ありがとうございます。

Answer 2

同様の事例がありました。
https://command-f.tech/jquery/44

WPなどでは比較的よく見られる現象です。

Comments

[sato.aj]

ありがとうございます。
参照サイトのものはスマホだけエラーという場合も同じなのでしょうか？

[kyoya0819]

考えられなくはないですが、全体のコードがないのでなんとも。。

[sato.aj]

そうですよね、ご丁寧にありがとうございます。