こんにちは。
このたび制作しているWEBサイトにjQueryプラグインのprettyphotoを実装したいのですが、ローカルの環境では問題なく動いてくれるのですが、サーバーにアップしたとたんにエラーがでてしまいまったく動いてくれません。
<head>内のスクリプトの記述は
<script src="js/libs/modernizr-2.0.6.min.js"></script>
<script src="js/prettyphoto/js/jquery-1.6.1.min.js"></script>
<script src="js/prettyPhoto/js/jquery.prettyPhoto.js"></script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
$("a[rel^='prettyPhoto']").prettyPhoto({theme:'light_rounded'});
});
</script>
という感じです。
※そのほか直前にprettyphotoのCSSは読み込んでおります
サーバーにアップしたページのソースをみてみるとCan't find variable:$というメッセージがでていたのでプラグインの記述を
(function($){ //
$(document).ready(function(){
$("a[rel^='prettyPhoto']").prettyPhoto({theme:'light_rounded'});
});
}(jQuery)); //
にしてみてもCan't find variable:jQueryというメッセージがでてきてしまいます。
こちらもともとテンプレートであったサイトを改変しているものなので、このほかHTML後半部分にもいろいろjavascriptの記述があります。以下となります。
<script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.1.min.js"><\/script>')</script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.easing.compatibility.js"></script>
<script type="text/javascript" src="js/jquery.validate.pack.js"></script>
<script type="text/javascript" src="js/cycle/jquery.cycle.all.latest.js"></script>
<script type="text/javascript" src="js/jquery.tweet.js"></script>
<!-- super fish js include -->
<script type="text/javascript" src="js/superfish/js/superfish.js"></script>
<script type="text/javascript" src="js/superfish/js/hoverIntent.js"></script>
<script defer src="js/plugins.js"></script>
<script defer src="js/script.js"></script>
レイアウトが崩れないようひとつひとつとりはずしてみたのですがprettyphotoは動いてくれませんでした。
またパスが間違っていないかも何度もチェックはしたつもりです。
本当に困っているのですが、このような時どうやって原因を探していけばよいのか、何かアドバイスを
いただけたらと思い投稿させていただきました。
当方、WEB制作初心者のため、見当はずれなことを訊いていましたらご容赦ください。
どうぞよろしくおねがいします。
No.1ベストアンサー
- 回答日時:
なんだかjqueryが読み込まれていないように思えますが、まずはそのあたりをチェックしてみてはどうでしょうか?
読み込んだところで、
alert($);
とでもしてみればわかるかと。
ご回答ありがとうございます。さきほど自己解決しました。
ご指摘のとおりjqueryが読み込まれていなかったようです。
jqueryを格納しているフォルダのスペルが”prettyphoto”と"prettyPhoto"と混同してしまい、サーバー上のソースをいろいろ書き換えているうちに起きた凡ミスでした。
ひとつ学習しました!どうもありがとうございました!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- JavaScript プラグイン無しでContactform7にdatepickerを実装 3 2022/10/25 02:18
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript jsで、switch文で書かれた分をif文にできませんか。 1 2022/07/28 15:10
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript javascriptで変数を組み込みたい 2 2023/01/13 09:52
- JavaScript GoogleChart 階層ごとのブロックの長さを個別に設定したい 1 2022/07/06 14:27
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
一つのリンクに複数のURLを指定
-
window.confirmのタイトル
-
ブラウザの右上にあるボタンを...
-
Dreamweaverのテンプレートで、...
-
一つのリンクで、複数のウィン...
-
HTMLで条件によって表示・非表示
-
HTMLからフォルダを開きたい
-
Excelで、社外秘(閲覧のみ)と...
-
googleドライブで、PDFファイル...
-
iPadの標準ブラウザでローカルH...
-
HTMLページが勝手にダウンロー...
-
htmlファイルの表示が真っ白
-
form action="#"
-
Webサイトから、txtファイルを...
-
htmlの中にexcelが埋め込むには...
-
ページが変わっても同じ音楽を...
-
リンク先に日本語フォルダがあ...
-
HTMLコーディング作業とは?
-
ホームページを作っているので...
-
社内で利用するWebサイトを立ち...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
一つのリンクに複数のURLを指定
-
ブラウザの右上にあるボタンを...
-
ページ切り替え時に音を鳴らし...
-
リンク先のURLが毎日変わる場合...
-
リンク先を2つ表示させる
-
タイトルバーを非表示にできま...
-
春夏秋冬の季節によって、画像...
-
行番号を指定したリンク
-
現在開いているWEBページを...
-
window.confirmのタイトル
-
一つのリンクで、複数のウィン...
-
htmlから<a>でpdf表示時にpdf資...
-
HTMLで条件によって表示・非表示
-
URLの♯(ハッシュマーク)の代...
-
HPで浮き出るウィンドウの作り方
-
ウィンドウサイズ固定
-
jQueryプラグイン、サーバー上...
-
ウィンドウのツールバーを非表示
-
日時によって変化する背景
-
別ウインドウを立ち上げる方法
おすすめ情報