• 締切済み

JQuery サーバー上にアップすると動かない

JQuery初心者です。 ■OS:Windows7 ■使用ソフト:DreamweaverCS5 ■使用サーバー:heteml 使用したいJQueryは、 http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery こちらのマウスが触れると画像が出てくるツールチップです。 --------------------------- <現象・環境> ・ローカルでは問題なく動作。 ・サーバーにアップすると動作しない。 ・単純に上記サイトからダウンロードしたものをサーバーにアップすると正常に動作する。 ・使用ページには他にもJQueryが混同されています。 ・↑他のJQueryは問題なくサーバー上でも動作します。 --------------------------- <行ったこと> ・何かのJQueryが邪魔してると思い、一度他のJQueryを全削除しましたが、サーバー上では動作しませんでした。 (ローカル上では動作しました) ・パスが間違っていると思い、ファイルを全て一つのフォルダにまとめてアップしましたが動作しませんでした。 (ローカル上では動作しました) ・何も無い新規HTMLを作成して使用したいJQueryだけを入れてサーバー上にアップしたら、動作しました。 →ということは、JQuery以外の何かが邪魔をしている? --------------------------- 考えられる原因や、ここを見てみたらどうかなどのアドバイスをいただけないでしょうか? 情報不足な部分がありましたら申し訳ありません。

みんなの回答

  • tracer
  • ベストアンサー率41% (255/621)
回答No.2

期待する動作がないということは、何らかのエラーが発生しているということになります。たとえば、Chromeにはデベロッパーツールというエラーの状態を確認する機能があります。FirefoxやOpera、Safarにも同様の機能(名称は違う)があります。 まずは、エラーの状態を知ることが先決ですね。

回答No.1

最近ウチでローカルサーバ環境では大文字小文字区別ないけど アップロード先のサーバーは大文字小文字区別する っていうのが原因でjQueryのプラグインが動かなかったってことがありました そんな単純なことが原因なこともあるので その辺も確認してみては

関連するQ&A

  • サーバー上でJqueryが使用できない

    サーバー上でJqueryが使用できない jQueryを使用して、htmlに外部txtファイルの内容を表示しようとしています。 ローカル上では正常に動作するのですが、サーバーにアップしてみてみると、 javascriptのエラーが発生してし、txtの内容が表示されません。 ※IE8で確認したところエラー詳細は「オブジェクトを指定してください」 ※IE8とFireFoxで確認し、ともに表示されない。 原因として何が考えられるでしょうか? ちなみにソースは以下の様な感じです。 (txtファイルはhtmlと同階層に置いてあります) <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <script type="text/javascript" src="./js/jquery.js" ></script> <script language="JavaScript"><!-- function setNews(){ $("#news").load("news.txt"); } //--></script> </head> <body class="top_body" bgcolor="#000000" onload="setNews();"> <p id="news" class="news"></p> </body> </html>

  • jQuery TOOLS サーバーに上げたときだけ、H is unde

    jQuery TOOLS サーバーに上げたときだけ、H is undefinedエラー ローカル環境では、動作するのに… http://flowplayer.org/tools/forum/20/39973 jQuery TOOLSって、質問されているように、conflicts with the jquery core.を起こすほど、マイナーなライブラリなのでしょうか?

  • jqueryのglossが動いたり動かなかったり。

    画像にOnMouseしたときにキラーンと光ったようなエフェクトを加える、 Jqueryのgloss を使っています。 ローカルPCでは問題なく動いていたのですが、 サーバーにアップするとウンともスンとも言いません。。。 環境が変わると動かなくなってしまうことなどあるのでしょうか?? また、解決策が分かる方がいらっしゃいましたらお願いします。

  • 現在HPを制作中で、jQueryプラグインのCross-Slideとい

    現在HPを制作中で、jQueryプラグインのCross-Slideというものを使用しています。 ローカルフォルダから、ブラウザで確認するときちんと動作しているのですが、サーバーにアップロードするとまったく画像が表示されません。 なぜでしょうか・・

  • サーバの初期化

    さくらレンタルサーバー使用しています。概念的な話ですがサーバの初期化をしたいのですが、つまりサーバにアップしているものを全部消して新たにローカルよりリモートにアップすれば初期化と同じ意味になりますかね?理由はMTの入力画面で別の情報を入力し、それがどうもcashとして残っており邪魔をしているようなのです。

  • Jqueryのjavascriptが読み込まれません

    はじめまして。 Jqueryのsuperfishを使用したサイトを作っているのですが、javascriptファイルが読み込まれていないような状態になっています。 具体的には 1)ローカル環境では問題なく読み込まれている 2)サーバにアップすると、同階層の別ページ(A.htmlとします)では機能しているのに、特定のページ(B.html)では読み込まれていない ※A.htmlとB.htmlで同じ効果(superfishによるアコーディオンナビ実装)を得たい 3)A.htmlの<head>内javascriptに関する記述とB.html内同箇所の記述は全く同じ 4)B.html内の他の単独のjavascriptは問題なく読み込まれる という状況です。 この場合どのような原因が考えられるのでしょうか。 javascriptについては全くの初心者であり、どうにも解決できず、困っています。 ちなみに使用しているjqueryはjquery-1.2.6.min.jsです。 (大元であるA.htmlは違う方にコーディングしてもらい、そのデータを元にB.htmlをコーディングする作業をしています) jquery-1.2.6.min.jsもしくはsuperfish.js内に動かすhtmlへのパスが記載されているのかとも思いましたが、知識不足で該当の箇所が見つけられず…。 ご意見を頂ければ幸いです。 どうぞよろしくお願い致します。

  • サーバにアップせず、ローカルでSSIの動作確認を行いながら

    サーバにアップせず、ローカルでSSIの動作確認を行いながら HPを作りたいのですが何かいい方法ありますか? 環境はVistaです。

    • ベストアンサー
    • HTML
  • FlashMediaServer2をレンタルサーバーにアップする方法

    FlashMediaServer2をローカルにインストールすることは参考サイトを見て簡単にできたのですがレンタルサーバーにアップする方法がどうしてもわかりません。 ローカルにインストールしたものをそのままアップしたのですが動いてないようです・・・ ローカルではなくネットになるのでパスの変更などをしなくてはならないと思うのですが変更箇所もわからず参考情報もみつからずですーー; サーバーにアップしたことがある方おりましたら情報を是非教えて下さい!その他どこか詳しい情報がのっているサイトなどありませんでしょうか? FlashMediaServer2のDeveloper Editionでサーバーはxbitです。

  • ホームページをサーバーにアップするとソースが変わる

    ホームページの一箇所におかしなことが起こるようになりました。 ローカルでのファイルをサーバにアップすると一部分削除されてしまいます。 <a href="get/banner.htm">広告でお小遣い</a> という部分です。 アップしたページではリンクがなくなってしまいます。他のサーバなどで試しましたが同じ結果になります。 ローカルでは正しく表示されるのに、サーバにアップすると上の部分がなくなるのでリンクなく空白になります。どなたか教えてください。 ちなみにホームページは3つくらい持っていてそれなりに知識はあるほうです。

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

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

    • ベストアンサー
    • HTML