問題タブ [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.
jquery - ヘッダーの Jquery モバイル ナビゲーション バーのスタイル設定が正しく機能しない
私はCordova/PhoneGapを使用してJqueryモバイルアプリに取り組んでおり、ヘッダーのすぐ下に固定位置のナビゲーションバーが必要なため、ナビゲーションバーはコンテンツとともにスクロールしません。ヘッダー内にナビゲーション バーを配置すると、ヘッダーのスタイルが継承され、ナビゲーション バーの css が正常に動作しません。たとえば、navbar のアイテムをクリックしても強調表示されず、ヘッダー自体と同じ色 (私の場合は黒) のままで、目に見える境界線もありません。アイテム内のテキストのみがクリックに反応します。いくつかの例を調べましたが、どれもうまくいかないようです:
例 1
例 2
ページのコードは次のとおりです。
クラス iconnavbar の CSS は次のとおりです。
しかし、それは私の問題に影響を与えるべきではありません。実際、私もすべてを取り除こうとしたので、例の 1 つとまったく同じように見えましたが、それでも同じ悪い結果が得られました。
では、どうすればこの問題を解決できますか? または、例のように固定位置でページの上部にナビゲーションバーを追加するためのより良い/代替方法はありますか?
css - ブートストラップ ナビゲーションが機能しない
これはデスクトップで動作するための私のコードですがnavbar
、レスポンシブで行くとメニューリンクが機能しません。メニューをクリックしても何も起こりません。助けてください。
`
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コードを次に示しますが、赤のみです。
html - ブートストラップ ナビゲーション バーに特別なスタイルを追加する方法
私は最近、彼が自分でデザインしたクライアント (bradsdesigns.com) のサイトを完成させました。彼は自分のナビゲーション バーを自分のロゴと一致させたいと考えており、デスクトップではこれを実現しています。(ちなみに、彼は主に顧客にコンピューターから見てもらいたいと思っていました。モバイルの最適化についてはあまり気にしないと彼は言いました)ブートストラップを使用してとにかくレスポンシブに(無料で)作り、彼が望むように見えるように変更しました。ここにあります。PCで見ると綺麗です。ただし、携帯電話で見ると問題が発生します。ご覧のとおり、縦棒を使用する必要がありました。だまして、ナビゲーション バーの別のリンクだと思わせました。これが私の言いたいことです: (最初の < は、ここに表示されるように削除されています)...モバイルで折りたたまれたナビゲーション バーで、展開ボタンをクリックすると、次のように表示されます。. とにかくこれをしないようにすることはできますか?彼は、このように見えても構わないと言いましたが、私には似合いません。他の人がそれを見て、私はあまり上手ではないと思うでしょう. どんな助けでも大歓迎です。
jquery - タブを動的に変更するJquery Mobileエラーにより、タブがアクティブになりません
ポップアップ内に 3 つのタブがあります。どのハイパーリンクがクリックされるかによって、特定のタブをアクティブにするために移動したいと思います。
必須ではないコードをすべて取り除いたので、ハイパーリンクに「ui-btn」クラスが適用されていると失敗するようです。リンクのスタイルが設定されていない場合は、正常に機能します。 正しいタブが選択されますが、ナビゲーション バーのリンクがアクティブ/強調表示されません。
誰もこれに光を当てることができますか? または簡単な回避策。
JSFiddleデモをご覧ください
HTML
Jクエリ