問題タブ [navbar]

永続的な Jquery Mobile navbar フッターを機能させようとしています。フッターのテンプレート化に PHP を使用するのではなく、javascript (PhoneGap アプリケーション用) を使用して動的に描画したいと考えています。

以下は、http: //the-jquerymobile-tutorial.org/jquery-mobile-tutorial-CH21.phpから改作されています。

ただし、jquery スタイルはページ 2 と 3 に適用されていません。まるで $("#navbar").navbar() がこれらのページに対して呼び出されていないか、呼び出されるのが早すぎます。

私が間違っている可能性がある場所で誰かが私を助けることができますか? または、できればアクティブなボタンの永続性を備えた、動的な永続的なナビゲーションバーを持つコード例を教えてください。

Bootstrap の開始サンプルでは、​​ブラウザーの幅を縮小すると、ナビゲーション バーが突然高くなります (メニュー オプションがドロップダウン ボタンに入るため)。これを制御する方法はありますか？

これは私のページ コードであり、「page1_nav」にこれまでのメニュー項目を追加する必要がありますが、動作しないか表示されません。

任意の提案、前もって感謝します

次のリンクの画像のようなナビゲーション バーを html+css で作成しようとしています。

http://i.imgur.com/5PEhv.png

基本的に、左のフローティング四角形/div に灰色の大きなテキストがあり、右のフローティング四角形/div に赤の小さなフォントのリンクのリストがあり、そのテキストを削除することなく垂直方向に中央揃えにしたいと考えています。フロートの調整と、グレーと赤のボックスのマージン左/マージン右の調整。これは可能ですか?可能であれば、どのように行うことができますか?

私はTwitterのboostrap固定ナビゲーションバーを使用しています。navbar のメニュー項目の 1 つを更新しようとしています (JavaScript の更新機能を使用して頻繁にプルします) (理想的には、このメニュー項目に関連付けられている Twitter バッジを更新します。たとえば、「Email 10」、ここではバッジは「10」であり、この例では、未読メールの数を表示するために更新したいと思います。

4つの要素を持つナビゲーションバーがあります。1 つ目は単なるホーム リンクで、2 つ目と 3 つ目はドロップダウンがあり、4 つ目はドロップダウンで右に引っ張られます。

2 番目と 3 番目の要素のドロップダウンは、クリックされたメニュー項目の下ではなく、常に最初のメニュー項目の下に表示されるようになりました。

4番目のものにはこの問題はありません。何が間違っていますか?

サイトで Bootstrap を正常に実行できましたが、navbar-top-fixed 機能を使用しようとしています。ページが読み込まれるたびにすべてが約 20 ピクセル押し下げられ、その理由を診断できないようです。

ナビゲーション バーの私のコードは次のとおりです。

そして、このリンクのページはページを適切にロードし、ページをロードすると、このスクリーンショットのようにプッシュダウンします.

誰かがこれを以前に見たことがありますか、または簡単な修正を知っていますか? ページのナビゲーション バーの 1 つを lessCSS を使用してカスタマイズしています。

このリンクを使用して、Sencha を使い始めました: http://www.sencha.com/learn/getting-started-with-sencha-touch-2/

私の Main.js は次のとおりです。

Ext.Panel の代わりに Ext.Carousel を拡張するようにページを変更しました。これはスワイプを許可する限りは機能しましたが、ページを切り替えるためのボタンを備えたナビゲーション バーが下部にありません。Sencha に両方を組み込む方法はありますか、それとも下部にナビゲーション バーを追加するために独自の html を追加する必要があるのはこのカスタムですか? いずれにせよ、これを行う方法がわかりません。つまり、ユーザーがそれらの間をスワイプできるように、3 つのページを持つカルーセルが必要であり、同時に、ユーザーがタブバーのボタンを使用してカルーセル内のページを切り替える機能を追加します。

これは2つの部分からなる質問です...私は現在、クライアントのクレイジーなパラメーター内でナビゲーションバーを正しく機能させようとしています。

style.css：

layout.cssで

custom.cssの場合：

ページ自体の一部（WooThemeのCanvasテーマによって追加）：

そして、HTML自体：

わかりました。すべてのコードが含まれていると思います。基本的に、＃navigationに上下の境界線を設定し、ナビゲーションアイテム自体を自動的に中央に配置し、最後にアクティブアイテムを許可します（別のフォントでは、上/下の境界線を上書きしないように、：ホバーしたときに他のナビゲーションアイテムと「線」になるようにわずかなマージン調整が必要です。

ホバー効果なし、「正常」に見える-http://content.screencast.com/users/WolfSnap/folders/Snagit/media/051b5d52-a234-4714-90e9-cd772db5b6dc/2012-07-07_15-09-37.png

ホバー効果でボーダーが消えます！-http ://content.screencast.com/users/WolfSnap/folders/Snagit/media/7b921116-f7fa-4e4f-b5c1-10fe865c409b/2012-07-07_15-10-57.png

最近、TwitterBootstrapを使い始めました。ナビゲーションバーを作成するときに、ロゴを追加すると、ログイン項目が中央ではなく上に移動します。

これは、バーの左端にロゴが追加された場合の外観です（画像にはロゴが表示されていません）。「ログイン」アイテムを黒いナビゲーションバーの中央に配置したいと思います。何か案は？ロゴがバーを下に伸ばし、下に黒いスペースを残しているように見えます。これは、垂直仕切りが下部に届かないもう1つの理由である可能性があります。

ここに写真があります：http： //i.imgur.com/hL3nQ.png

ナビゲーションバーのコードは次のとおりです。

編集：このCSSルールを追加すると修正されますが、他に解決策はありますか？