問題タブ [navbar]

頭を悩ませている問題が少しあります。これを行う方法が奇妙で、問題が発生する可能性が高いことはわかっていますが、CSSだけを使用して試してみたかったのです。私は今それをかなり近づけましたが、問題があり、私が諦める前に誰かがアイデアを持っているかもしれないことを望んでいました。

基本的に、ホバーすると画像を変更するナビゲーションバーがあります。これとの違いは、ホバー時に2つの画像を変更したかったことです。そこで、2つの画像を1つの大きな画像に入れて、ホバーリンクの外側に画像をオーバーフローさせることで、これを実行できると判断しました。

これで、ある程度は機能しますが、リンクを左から右にオーバーオーバーすると、ホバーが正常に表示されますが、右から左に実行すると機能しません。

テストへのリンクは次のとおりですhttp://www.pclwebdesign.co.uk/fruit

スパンがその中にあるので明らかに機能しないことを考えた後、私はzインデックスを作成してリンクを先に進めようとしました。

CSS

HTML

jQuery Mobileアプリケーションのすべてのページで使用できる共有フッター（例：footer.html）を作成したいと思います。ただし、外部ファイルからhtmlを読み込んだ後、jQueryでフッターナビゲーションバーのスタイルを更新する方法が見つかりません。考えていただければ幸いです。

Footer.html：

Index.html：

ホバーしたタブと現在のタブで色が変わるように、多層背景を使用してこのナビゲーション バー メニューをセットアップしました。ただし、これまでの配色はほとんどが緑で、同じリスト内で、タブの次の「ブロック」を青、3 番目のブロックを赤にしたいと考えています。多層化する準備ができている画像が他にもありますが、主なものはol自体にコーディングされているため、各liエントリの背景を上書きすることはできません。実際には、「ol#vin a {」および「ol#vin span {」に画像をロードしているだけです。残りのオプション (ホバー、現在など) は背景の位置のみを変更するため、多層画像は適切な状態に変換されます。

それが役立つ場合、私はこれに基づいています: http://blixt.org/articles/tabbed-navigation-using-css#section=bonus彼はタブ付きリストを持っていますが、私はそれを私の左側に垂直に下げています自分のバックグラウンド。

E: リクエストに応じて、コード スニペット:

そしてCSS：

こんにちは私はjqueryでモバイルウェブサイトを作っています、そして私はいくつかのページでjQueryを無効にしたいのですが、それでもスタイル、すなわちナビゲーションバーとすべてを維持したいのですが、これは可能ですか？ありがとうps私がそれを無効にしたい理由は私がアンカーを使うことができるようにするためです:)

左側のメニューを持つjquery-mobileアプリを作成したいと思います。

固定のNavBarを設定できるように固定する方法はありますか？左側に縦型のナビゲーションバーが必要だと思います。

ありがとう。

ここにあるタブシステムのように見えるように、ヘッダーにナビゲーションバーを追加しています: http://jquerymobile.com/demos/1.0/docs/toolbars/docs-navbar.html

ただし、このコードをアプリに追加すると、ヘッダー ナビゲーション バーのタブ ボタンの周りにパディングと奇妙なスペースが表示されます。

margin を 0 に設定しようとしましたが、タブの周りの空白が削除されませんでした。誰か助けてもらえますか?

ありがとう

私は現在、管理している Web サイトを作り直していますが、ナビゲーション バーに問題があります。高解像度 (私は現在 1440x900 を使用しています) を使用すると完全に動作しますが、より低い解像度に切り替えると、最後のいくつかのメニュー項目が途切れてしまいます。

HTMLは次のとおりです。

そしてCSS：

前もって感謝します！

基本的に、私はjQueryとJSを使い始めたばかりで、問題に遭遇しました。

ユーザーがリンクの 1 つをクリックすると、コンテンツがスライドダウンする小さなメニューがあります。すでにボックスが開いている場合は、上にスライドします。

私の問題は、同じリンクをクリックしてもう一度閉じると、上にスライドしますが、jQuery コードが再び下にスライドするように指示するためです。これは、コンテンツのビットの 1 つが開かれると、コンテンツのビットを閉じることができないことを意味します。

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

および HTML コード (もちろん単純化されています):

jsFiddleリンクもあります。

確かに答えやすいですよね。addClassandを使用してみましremoveClassたが、まったく正しくないようです。誰でも助けることができますか？

よろしく、

トム・オークリー

これはstackoverflowに関する私の最初の質問なので、優しくしてください:)

jQuery、jQuery mobile、および jQuery-ui-map プラグインを使用してモバイル Web アプリケーションを作成しています。マップを表示する必要があるファイル (map.html) を更新すると、マップは完全に機能しますが、index.html から移動するとまったく表示されません。コンソールにエラーは表示されません。$('#map_canvas').gmap('refresh'); を試してみました pageinit で、それも機能しません。また、ファイルを直接更新すると、パンが台無しになります...

また、フッターメニューでプリフェッチせずに、 data-rel="external" を使用してみました (これにより、jquery モバイルスタイルが台無しになりました)。

index.html のフッター ナビゲーションは次のとおりです。

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

サイトは現在ここに表示されています(ノルウェー語)

ありがとうございました！

jQuery Mobileのナビゲーションバーをこのような幅から変更するにはどうすればよいですか？

m.IKEAでは次のようになります。

しかし、それがどのように機能するのか私にはわかりません。

私のjQuerymobile1.0.1では機能しません...

data-role = " headerbar "、data-moreListId、data-role = "headerbar-more-item"とは何ですか？