• 締切済み

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

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

回答 全件
ローカルとサーバでフォルダ階層が違ったりしてjsファイルがちゃんと読込…

みんなの回答

  • yamada_g
  • ベストアンサー率68% (258/374)
回答No.1

ローカルとサーバでフォルダ階層が違ったりしてjsファイルがちゃんと読込めていないとかではないですか？

kinosari
質問者

補足

ありがとうございます。 フォルダ階層も何度も確認したのですが、、、どうしても動きません。。。 はまりまくってます・・・

全文を見る
すると、全ての回答が全文表示されます。
  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • 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以外の何かが邪魔をしている？ --------------------------- 考えられる原因や、ここを見てみたらどうかなどのアドバイスをいただけないでしょうか？ 情報不足な部分がありましたら申し訳ありません。

  • 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へのパスが記載されているのかとも思いましたが、知識不足で該当の箇所が見つけられず…。 ご意見を頂ければ幸いです。 どうぞよろしくお願い致します。

  • jQueryのfadeToの動きが変（サーバ上）

    サムネイル画像をクリックするとメイン画像にそれを映し出し そのメイン画像が指定した時間で薄っすらと表示されるような効果のイメージギャラリーをjQeryを使って制作しています。 jQueryバージョン：jquery-1.7.2.min.js ※（薄っすらと表示される効果：jqueryにてメイン画像のopacityを0→1)に変化させて実現しています 【問題点】 ローカルＰＣ上でテストすると意図する動作をするのにサーバ上にデータをアップしてテストすると メイン画像の移り変りにブラウザ起動後、初回サムネイルをクリックしたときのみ遅延が発生し、JqeryのfadeToも効きません。 何かjQueriのfadeto関係などソースに問題があるとか、これはキャッシュの問題で仕方ないとかあればご指導のほどよろしくお願いします。 【問題点詳細】 しかし、自分のパソコン内（ローカル環境）で動作させてみると意図したとおりになるのですが、 データをレンタルサーバ上にアップし、確認してみると、サムネイルをクリックすると jqueryのfadetoの（opacityを０から１にする部分）動作がおかしくなります。 ブラウザを起動し初回サムネイルをクリックしたときのみ、メイン画像が前の残像が残り（遅延発生）し、fadetoの（opacityの変化）が聞かなくなります。 【状況整理】 １．どのＰＣでもローカル環境（自分のＰＣ内）でテストすると意図する動作をする。 ２．レンタルサーバ上だと、ブラウザを起動後、初回サムネイルをクリックしたときのみおかしい動作をする。（メイン画像の切り替わりに遅延が発生する（fadetoも効かない）） ３．ブラウザを閉じない状態で、同じサムネイルをクリック（２回目）すると意図する動作をする。 ※２．３を考えますと２回目以降クリックしたときに大丈夫なのは１回目クリックしたときに取得したメイン画像のキャッシュがブラウザに保存されているからだと思います。 またローカルだと大丈夫なのはメイン画像取得する時間（ダウンロードがない）から じゃないかな？とも思います。 メイン画像に使っているそれぞれのファイルサイズは80KBと軽いです。 またIE 8/9でもfirefox12でも同じ状況です。 ■HTMLソース（XHTML) <div id="carousel"> <!--メイン画像--> <div><img src="img/main.jpg" alt="" class="main_img"/></div> <!--サムネイル画像--> <div class="anyClass"> <ul> <li><a href="img/photo1.jpg"><img src="img/photo1_thumb.jpg" alt="" /></a></li> <li><a href="img/photo2.jpg"><img src="img/photo2_thumb.jpg" alt="" /></a></li> <li><a href="img/photo3.jpg"><img src="img/photo3_thumb.jpg" alt="" /></a></li> </ul> </div> </div> ■Javascript(jQuery) $(function() { $("#carousel .anyClass a").click(function(){ $("#carousel .main_img").css("opacity",0);　←いったんメイン画像のopacityを０に落とす $("#carousel .main_img").attr("src",$(this).attr("href"));　←メイン画像のＵＲＬにセット $("#carousel .main_img").fadeTo("normal",1);　←メイン画像のopacityを１に変化 return false; }); });

    • ベストアンサー
    • CSS
  • 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+JSONでChromeでローカル表示ができない？

    JQuery+JSONでChromeでローカル表示ができない？ http://image.gihyo.co.jp/assets/files/design/serial/01/jquery-site-production/0019/demo19-1.html 上記ページのサンプルをローカル上で検証しています。 safari、firefoxなどは問題なくサンプル通りの挙動なのですが、Chromeは表示されません。 試しにWeb(http)上にアップするとChromeも問題ありません。 これはブラウザの仕様なのでしょうか。Chromeのローカルで確認できるような記述方法があるのでしょうか。 宜しくお願いします。

  • jQueryのプラグイン「Skitter」について

    下記サイトで配布されているjQueryのプラグイン「Skitter」について、 質問させて下さい。 http://thiagosf.net/projects/jquery/skitter/ スライドショー用にjQueryの良いプラグインはないかと探して見つけたのが、 このSkitterで、実装も簡単だしアニメーションのエフェクトも多彩で、お気に入りです。 質問は、スライドショーが無限にループしてしまうのを、 最後の画像がきたところで、ストップさせる、 というカスタマイズが出来ないかという事です。 ファイルの中身を見たり、検索エンジンも使ってみましたが、 答えが見つけられず、思い切って質問してみました。 わかる方いらっしゃいましたら、ぜひお教え願いたいと思ってます。 よろしくお願いしますm(_ _)m

  • CakePHPでjQueryを使うには

    ローカル環境にてCakePHPでwebサービスを制作しています。 ブラウザでviewを確認しながら構築しているのですが、この環境でgoogleAPIのjQueryを動作させることは出来るのでしょうか？ もしできるとしたら、 <?php echo $this->Html->script('http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js');?> <script type="text/javascript"> jQuery('#more').click(function(){$('innerboxes').clone().appendTo('box')}); </script> で動かないのは何が問題なのでしょうか？ また、googleAPIを使わない方法でも以下のように試しましたが、これも動かない原因はどこにあるのでしょうか？ jQueryのホームページでver1.5のソースをコピーし作ったjQuery1.5.jsを、 webroot /jsに入れる。 Controllerに var $helpers=array('Ajax','Javascript'); を記述。 Viewに、 <?php echo $javascript->link('jQuery.1.5.js'); ?> <script type="text/javascript"> jQuery('#more').click(function(){$('innerboxes').clone().appendTo('box')}); </script> 宜しくお願いします。

  • jqueryについて質問させてください。

    jqueryについて質問させてください。 cluetipというjqueryプラグインを使って、ページにツールチップを表示するようにしたくて、いちおう、cluetipのドキュメントなどを読んで設置してみたところ、 ローカル上ではちゃんと表示されるのですが、サーバーにアップロードしてから見ると、ツールチップが表示されなくなってしまいます。 また、ブラウザによっては、再度読み込みを行うとツールチップが表示される様になる場合もありました。 完全に行き止まり状態になってしまいました。 【問題のページです】 http://www.g-land.net/gift001/froschgift001.html 上記ページのフォーム部分にloadで別のhtmlから <div id="gift_01_02" class="firstspan"></div> にフォームを呼び出しています。 周りにも質問できる方がいないので、何卒宜しくお願いいたします。

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

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

  • jQueryとデータベースの関係

    もう本当にワケが分からなくなってきたので、誰か教えていただけますでしょうか。 【質問：何に引っかかているか】 jQueryプラグインに入力したデータは、どこにいってしまうのか？（どこに保存されているのか） どうやったら、サーバーのデータベースと連動させられるのか？ 【やりたいこと】 ・制作中のHPにスプレッドシートなるものを掲載したい。 ・そこからデータの保存をできるようにしたい。 【やったこと】 いろんなサイトを参照し、下記のソフトをDLし、それぞれ試してみました。 　「jQuery.sheet-3.1」 　　→サーバーにはアップできましたが、データベースとの連動のさせ方が分かりません。 　　更新すると入力内容が消えてしまいます。 　「Gantt editor」　（スプレッドシートではないですが、したいことは同じなので・・・） 　　→サーバーにはアップできましたが、データベースとの連動のさせ方が分かりません。 　　ブラウザのキャッシュを削除すると入力内容が消えてしまいます。 　「dhtmlxSpreadsheet」 　　→これはデータベースの情報を入れる箇所があったので、設置はできましたが、 　　機能的に不満なところ（うまく動かないところ）があったので、削除しました。 【環境】さくらVPS、CentOS 6、Apache、MySQL 【私のスキルレベル】 HTMLとCSSは理解できてると思う。 いろんなサイトを参照して、何とか自力でVPSを設定しドメインを取り、WordPressでサイトを作ったぐらい。 ちょこちょこPHPやscriptのファイルを触ってみてはいるが、あまり理解できていません。 ⇒あまり専門的な説明ですと、ショートしてしまうかもしれませんので、お手柔らかに・・・ 【これはNG・考えてないこと】 googleのサービスを使った方法（インラインで入れるとかは×） 同様に、外部サーバーのWEBアプリを用いた方法 ⇒あくまで自分のサーバー内で完結したいです。 特に「jQuery.sheet」をちゃんと使いたいです。 調べ方が悪いのか、アプリの紹介サイトばかりが出てきており、実用するまでの具体的な工程が分からずに四苦八苦しています（海外サイトも頑張ってみましたが、サーバーにアップするまででした）。 参考になるページのご紹介でも結構ですので、 何卒、よろしくお願いいたします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する