みなさまこんにちは。
下記のURLを参考にjQueryを使ったナビゲーションメニューを設置しました。
http://tympanus.net/codrops/2010/01/17/css-and-j …
トップページをはじめとしてほとんどのページで正常に動作するのですが、
商品詳細ページでのみ、動作しません。
正常動作時は、ページの読み込み直後はすべてのアイコンが展開された状態で表示され、
一呼吸置いてメニューバーの下に格納されます。
商品詳細ページでは、アイコンが展開された状態で表示されたまま、
待ってもメニューバーの下に格納されません。
見よう見まねで設置しているため、原因を究明できず困っています。
何から試して原因を探ればよいでしょうか?
よろしくお願いいたします。
A 回答 (1件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
ソースを見てみました。
サンプルのindex.htmlの下部(63行目~)に記されている以下の部分は存在しますか?
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript">
$(function() {
var d=1000;
$('#menu span').each(function(){
$(this).stop().animate({
'top':'-17px'
},d+=250);
});
$('#menu > li').hover(
function () {
var $this = $(this);
$('a',$this).addClass('hover');
$('span',$this).stop().animate({'top':'40px'},300).css({'zIndex':'10'});
},
function () {
var $this = $(this);
$('a',$this).removeClass('hover');
$('span',$this).stop().animate({'top':'-17px'},800).css({'zIndex':'-1'});
}
);
});
</script>
無ければ追記してください。
あと、階層が変わればjquery-1.3.2.jsへのパスも変わりますのでご注意ください。
<script type="text/javascript" src="jquery-1.3.2.js"></script>
↓こんな感じで・・・
<script type="text/javascript" src="../jquery-1.3.2.js"></script>
この回答への補足
ありがとうございます!
確認しましたが、ご指摘部分のコードは適切に含まれていました。
jquery-1.3.2.jsは、絶対リンクで記述していましたので、階層の影響を受けていませんでした。
ありがとうございました。また他に確認するところがありましたら、教えて頂けますと助かります。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Excel(エクセル) 【エクセルマクロ】既に開いているIEの、サイズや表示位置を変更するには 4 2022/12/01 22:57
- ドメイン・サーバー・クラウドサービス 自作サイトをサーバーにアップロードしたのですが… 2 2022/11/08 18:12
- その他(プログラミング・Web制作) パイソンでのプログラミングについて 3 2022/08/11 20:31
- HTML・CSS Chrome のキャッシュについて 3 2022/05/26 07:50
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- その他(ブラウザ) IE・edgeで日増しに観られるサイトが減ってくる。 1 2022/10/04 22:40
- ホームページ作成・プログラミング メールフォームで送信すると「通信に失敗しました。ページの再読み込みを...」で送信できません。 2 2023/05/26 18:11
- JavaScript スマホ上で、左右スワイプで次のページに移動させたいです 2 2022/11/11 17:04
- Chrome(クローム) 最近のGoogle Chromeのデータ読み込みの遅延やエラーって頻発しますか? 2 2023/01/06 22:12
- その他(パソコン・スマホ・電化製品) Webページ印刷時にヘッダー・フッターをつけたい 1 2022/04/25 21:35
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
base64encodeでの文字化けについて
-
jQuery が動作しません。
-
jQueryでloadした要素の操作が...
-
jQueryのタブにスクロールバー...
-
●jQuery;スクロールでついてく...
-
jQuery UIのdraggableについて
-
jQueryのdraggable縦書き出来ま...
-
Camera slideshowの使い方について
-
Base64に変換したHTMLの<script...
-
colorboxの直接呼び出し方法に...
-
jQuery でスライドショーをスト...
-
プラグイン無しでContactform7...
-
jsファイルで配列を定義し、j...
-
jqueryでの文字置換について
-
<a href="#" …>の意味を教えて...
-
bodyにidをつける理由は何ですか?
-
SCRIPT5007: 未定義または NULL...
-
別ファイルのfunctionの読み込み方
-
リンク移動先のURLを取得
-
スマホ上で、左右スワイプで次...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
base64encodeでの文字化けについて
-
jquery ui.resizable 使い方
-
複数のjavascriptを使うと動か...
-
Base64に変換したHTMLの<script...
-
bxslider、画像が3枚以上になる...
-
Jqueryの干渉について
-
DreamWeaverでJS
-
複数のバージョンのjQueryを同...
-
マウスオーバー+クリカブルマッ...
-
マスターページでのJavaScriopt...
-
jqueryのcolorboxを読込直後に...
-
javascript外部読み込みの際の引数
-
lightbox2 表示の不具合
-
jsファイルで配列を定義し、j...
-
jqueryを2つ設置した事で片方...
-
<script>タグというのはどこか...
-
Javascriptがうまく動作しません。
-
同一HTML内に複数のjQueryを作...
-
jqueryについて(Lightboxとbxs...
-
colorboxの直接呼び出し方法に...
おすすめ情報