問題タブ [jquery-mobile-navbar]

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 に答える
816 参照

jquery - ヘッダーの Jquery モバイル ナビゲーション バーのスタイル設定が正しく機能しない

私はCordova/PhoneGapを使用してJqueryモバイルアプリに取り組んでおり、ヘッダーのすぐ下に固定位置のナビゲーションバーが必要なため、ナビゲーションバーはコンテンツとともにスクロールしません。ヘッダー内にナビゲーション バーを配置すると、ヘッダーのスタイルが継承され、ナビゲーション バーの css が正常に動作しません。たとえば、navbar のアイテムをクリックしても強調表示されず、ヘッダー自体と同じ色 (私の場合は黒) のままで、目に見える境界線もありません。アイテム内のテキストのみがクリックに反応します。いくつかの例を調べましたが、どれもうまくいかないようです:
例 1
例 2

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

クラス iconnavbar の CSS は次のとおりです。

しかし、それは私の問題に影響を与えるべきではありません。実際、私もすべてを取り除こうとしたので、例の 1 つとまったく同じように見えましたが、それでも同じ悪い結果が得られました。

では、どうすればこの問題を解決できますか? または、例のように固定位置でページの上部にナビゲーションバーを追加するためのより良い/代替方法はありますか?

以下は、iPhone でメニューがどのように表示され、項目 3 が押されているかのスクリーンショットです。 メニューのスクリーンショット

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

css - ブートストラップ ナビゲーションが機能しない

これはデスクトップで動作するための私のコードですがnavbar、レスポンシブで行くとメニューリンクが機能しません。メニューをクリックしても何も起こりません。助けてください。

`

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

html - Bootstrap navbar のボタンにカーソルを合わせると、さまざまな色が表示されます

タイトルが示すように、特定のボタンの上にカーソルを置いたときに、Twitter Bootstrap を使用して Navbar にさまざまな色を持たせようとしています。ここに私のindex.htmlコードスニペットがあります:

目標は、ナビゲーション バーのさまざまなボタン (ページ 1、ページ 2 など) をさまざまな色にすることです。しかし、私はそれを行う方法がわかりません。次のような要素を配置<Div>してみました。li

<div class="home"><li><a href="#">Home</a></li></div>

しかし、それはどういうわけかナビゲーションバーの構造を台無しにし、ナビゲーションバーを台無しにし、ホームボタンをナビゲーションバーの上に移動させます.

li各要素が独自のhover色を持つようにするにはどうすればよいですか?

また、ホバーの色を赤に変更するCSSコードを次に示しますが、赤のみです。

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

html - ブートストラップ ナビゲーション バーに特別なスタイルを追加する方法

私は最近、彼が自分でデザインしたクライアント (bradsdesigns.com) のサイトを完成させました。彼は自分のナビゲーション バーを自分のロゴと一致させたいと考えており、デスクトップではこれを実現しています。(ちなみに、彼は主に顧客にコンピューターから見てもらいたいと思っていました。モバイルの最適化についてはあまり気にしないと彼は言いました)ブートストラップを使用してとにかくレスポンシブに(無料で)作り、彼が望むように見えるように変更しました。ここにあります。PCで見ると綺麗です。ただし、携帯電話で見ると問題が発生します。ご覧のとおり、縦棒を使用する必要がありました。だまして、ナビゲーション バーの別のリンクだと思わせました。これが私の言いたいことです: (最初の < は、ここに表示されるように削除されています)...モバイルで折りたたまれたナビゲーション バーで、展開ボタンをクリックすると、次のように表示されます. とにかくこれをしないようにすることはできますか?彼は、このように見えても構わないと言いましたが、私には似合いません。他の人がそれを見て、私はあまり上手ではないと思うでしょう. どんな助けでも大歓迎です。

0 投票する
3 に答える
265 参照

css - Navbar 要素が一列に並んでいない - Jquery mobile

Jquery モバイルでアプリを開発していますが、navbar に要素が一列に表示されず、Google Chrome コンソールにリスト要素間にスペースが表示されています。これらの   を削除すると、要素は完全に整列します。ここで見ることができます: Navbar ----コンソール

誰か助けてくれませんか?

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

jquery - タブを動的に変更するJquery Mobileエラーにより、タブがアクティブになりません

ポップアップ内に 3 つのタブがあります。どのハイパーリンクがクリックされるかによって、特定のタブをアクティブにするために移動したいと思います。

必須ではないコードをすべて取り除いたので、ハイパーリンクに「ui-btn」クラスが適用されていると失敗するようです。リンクのスタイルが設定されていない場合は、正常に機能します。 正しいタブが選択されますが、ナビゲーション バーのリンクがアクティブ/強調表示されません。

誰もこれに光を当てることができますか? または簡単な回避策。

JSFiddleデモをご覧ください

HTML

Jクエリ

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

html - ブートストラップが反応しない