jQueryプラグイン、サーバー上だと動かない。

解決済

質問者：jagga
質問日時：2012/04/13 21:22
回答数：1件

こんにちは。

このたび制作している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>


<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制作初心者のため、見当はずれなことを訊いていましたらご容赦ください。
どうぞよろしくおねがいします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： fujillin
回答日時：2012/04/13 23:06

なんだかjqueryが読み込まれていないように思えますが、まずはそのあたりをチェックしてみてはどうでしょうか？

読み込んだところで、
　alert($);
とでもしてみればわかるかと。

- 0
- 件

通報する

この回答へのお礼

ご回答ありがとうございます。さきほど自己解決しました。

ご指摘のとおりjqueryが読み込まれていなかったようです。

jqueryを格納しているフォルダのスペルが”prettyphoto”と"prettyPhoto"と混同してしまい、サーバー上のソースをいろいろ書き換えているうちに起きた凡ミスでした。

ひとつ学習しました！どうもありがとうございました！

通報する

お礼日時：2012/04/14 00:58

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！