###前提・実現したいこと
colorboxを動作させたい。
###発生している問題・エラーメッセージ
ローカル・テストサーバーでは正常に動作しているcolorboxが
本サイトではエラーになってしまい動作しません。
chromeのデベロッパーツールでは下記のエラーが出ています。
Uncaught ReferenceError: $ is not defined.
###該当のソースコード
<!DOCTYPE HTML> <html lang="ja"> <head> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1"> <meta charset="UTF-8"> <title>テスト</title> <script src="../lib/jquery-1.5.2.min.js"></script> <script src="../lib/jquery.colorbox-min.js"></script> <link rel="stylesheet" href="html5reset-1.6.1.css" /> <link rel="stylesheet" href="sumaho.css" /> <link rel="stylesheet" href="colorbox/sougi1/colorbox.css" /> <!--以下の部分でエラーが発生しています--> <script> $(document).ready(function(){ $(".tejun").colorbox({ maxWidth:"90%", maxHeight:"90%", opacity: 0.7 }); }); </script> <!--エラーここまで--> </head> <body>
###試したこと
解決法をネットで探し幾つか実行してみました。
・順番を入れ替える
・パスを確認する
・外部ファイルで読み込ませてみる
###補足情報(言語/FW/ツール等のバージョンなど)
このwebサイトの特徴
.htaccessで振り分けを行っています。PC、タブレットは通常サイトへ、スマートフォンはspフォルダ内に設けたスマホサイトを表示しています。
<追加補足>
IEの最新版とFireFoxでは正しく動作しています。
chromeではwin/mac共にダメでした。
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/04/25 08:45
2016/04/25 09:07
2016/04/25 09:46
2016/04/25 10:16