問題タブ [nav]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
133 参照

html - nav内の順序付けられていないリストがOperaに存在しない-他のすべてのブラウザは正常に動作します

私のサイトの1つには、リストを使用して作成された水平ナビゲーションバーがあります。Firefoxの小さなバグに加えて、Opera 11.61を除いて、リストは今では正常に表示され、動作します。リスト要素はまったく表示されません!リストはサイトのメインナビゲーションであるため、nav要素内にネストされています。これまでのところ、私のデバッグでは、これが問題の原因であることが示されました。

background-image要素から背景情報(またはbackground-color)を削除してもnav、リストはまだ表示されません-'sが表示されbodyますbackground-colorz-indexまた、異なる値を割り当てても何も起こりませんでした。ただし、要素を削除すると、リストが表示されnavない場合に役立ちます。nav

問題を説明する小さなテストケースを作成しました(覚えておいてください:Operaで開く必要があります):http://jsfiddle.net/sX5KF/

この問題が発生する理由はありますか?私のコードに欠陥がありますか、それともこれはOperaのバグのようなものですか?私はそれについて何ができますか?

0 投票する
1 に答える
463 参照

jquery - ウェブサイト上の複数のスライド div

私は自分のページのナビゲーションを設計しようとしていますが、対応するボタン (上、左、右、下)押されている?手伝ってくれますか?

これが私が試しているコードです。最初のスライドは機能しますが、複数のスライドを試すと混乱してしまいます。

0 投票する
1 に答える
1263 参照

jquery - ナビゲーション用のjQueryscrollTop()

私は自分のウェブサイトのナビゲーションを作成しようとしています。何か助けていただければ幸いです。目的のdivまでスムーズにスクロールしたいのですが、私のWebサイトは1ページになるので、対応するdivに移動するにはナビゲーションリンクが必要です。どうも

これが私のナビゲーションのhtmlです:

0 投票する
2 に答える
72 参照

internet-explorer - 私のナビゲーションメニューはFFとChromeで正常に機能しますが、古いバージョンのIEではひどいプレーンなテキストです

これが私がしたことです。 IEのFFやChromeに似たナビゲーションメニューを作成するにはどうすればよいですか?

0 投票する
2 に答える
4002 参照

jquery - クリック時に CSS ドロップダウン メニューを非表示にする

サブメニュー項目の1つをクリックしてもサブメニューが閉じない部分を除いて、希望どおりに機能するCSSドロップダウンメニューがあります。

各リンクは新しいページに移動するため、ほとんどの人はおそらくこれを気にしませんが、私のリンクは同じページにとどまり、javascript 関数を呼び出します。

jquery を使用すると、次のようにクリック時にサブメニューを非表示にすることができます。

ただし、1 つのサブメニューをクリックすると、すべてのサブメニューが永久に非表示になります。タイマーのような安っぽいことをせずにそれを再表示する方法はありますか? または、一般的にこれにアプローチするより良い方法はありますか?

ここに私が取り組んでいるページがあります: http://www.nba.com/warriors/wallpapertest_031.html

前もって感謝します。

0 投票する
1 に答える
425 参照

javascript - Zurb Foundation クラスが Wordpress で機能せず、WebKit インスペクターに表示される

これは、私の wordpress テーマの header.php のメニュー コードです。

エレファント メニュー スタイル メニュー バーと show..et.al... クラスは Zurb-Foundation のもので、wordpress の外ではうまく機能し、オンとオフを切り替えます... ここで何が欠けているのでしょうか?

Zurb Foundation の内部の仕組みについては、それを無視するほどよく知りません... しかし、JavaScript がどこかにあるような気がします。

トップメニューがオフになり、モバイルメニューのみが表示されるはずです。

メニューはすでに functions.php で適切に定義されており、問題なくロードされます。

0 投票する
1 に答える
134 参照

jquery - jQuery の 2 つの「ページ化された」ナビゲーション バー

これは非常に長いショットですが、できる限り説明しようと思います。

私は現在、ナビゲーションバーを持つサイトを持っています。

Navbar はhttp://grab.by/dcDKのようになります。

私の問題は、あまりにも多くの navbar リンクを作成すると、単純にオーバーフローすることです: http://grab.by/dcDO

ナビゲーション リンクが多すぎる場合、ナビゲーション バーの最後に小さなボタンが表示されるようにする方法はありますか ( > )。ユーザーがこのボタンをクリックすると、ナビゲーション バーが次のページにスライドし、次のページに移動します。リンク(オーバーフローしたもの)。

私はそれがロングショットであることを知っていますが、どこでも検索しましたが、解決策やヒントが見つかりません。以下は、私のナビゲーションバーの縮小コードです。

0 投票する
2 に答える
4243 参照

html - サイト ナビゲーション内で (HTML5) rel 属性を使用する必要があるかどうか

単純な質問ですが、提案が見つかりません。

サポートされている適切な HTML5 値は次のとおりです。

  • 著者
  • 最初
  • 過去
  • 前へ
  • ヘルプ
  • ライセンス(「ライセンス」ではありません)

インデックス、アバウト、コンタクト、リーガルからなるナビゲーション

..index.html ページの観点から:

  • index.html と rel="first"
  • about.html で rel=author next"
  • contact.html と rel="help"
  • legal.html と rel="license last"

... contact.html ページの観点から:

  • index.html と rel="first"
  • about.html と rel=author prev"
  • contact.html と rel="help"
  • legal.html と rel="license next last"

ナビゲーションで rel を使用してもほとんど効果がないことを認めます。しかし、それは検索エンジンに少しでも役立つかもしれません。

これが実際にどのように機能するかのデモンストレーションとして、また批評のために例を挙げました。

敬具、デール

以下のコメントからの例の編集

インデックス、アバウト、コンタクト、リーガルからなるナビゲーション

..index.html ページの観点から:

  • rel のない index.html
  • about.html で rel=author"
  • contact.html と rel="help"
  • legal.html と rel="license"

... contact.html ページの観点から:

  • rel のない index.html
  • about.html で rel=author"
  • contact.html と rel="help"
  • legal.html と rel="license"
0 投票する
2 に答える
1125 参照

html - ページごとにナビが異なって見えるのはなぜですか?

私の人生では、ホームページ以外のページでのみ、ナビゲーションバーの上部に余分なパディングまたはマージンがあることを理解できません。ホームページ上では正しく見えます。

私はこれに何時間も費やしてきました。

サイトはこちらからご覧いただけます

私たちについてまたはブログ投稿をクリックして、変更を確認してください。このテンプレートは css の点で (少なくとも私にとっては) 少し面倒で、他のページで実際に何が変更されているのかわかりませんでした。

誰かがここで助けてくれることを願っています。

よろしくお願いします、J

0 投票する
1 に答える
1090 参照

jquery - jQueryトグルナビ

クリックして詳細を表示すると、ナビが5から最大数のイテンスまで拡大するという、toogleナビを作成しようとしています。

コードは次のとおりです。

5 行目は、li 項目 5 の後のすべての itens をトグルにしますが、最初の子をクリックすると、この ul トグルのみをどのように行うことができますか。

HTML は次のとおりです。