jQuery モバイル ナビゲーション バーコード_jquery

ナビゲーション バーは水平方向に配置された一連のリンクであり、通常はヘッダーまたはフッター内に含まれます。

デフォルトでは、ナビゲーション バーのリンクは自動的にボタンになります (data-role="button" は必要ありません)。

data-role="navbar" 属性を使用してナビゲーション バーを定義します。

コードをコピーします コードは次のとおりです。

< li>ホーム

• ページ 2
  
• 検索

< ;/div>

デフォルトでは、ボタンの幅はそのコンテンツと同じになります。順序なしリストを使用して、ボタンの幅を均等に分割します。1 つのボタンは幅の 100% を占め、2 つのボタンはそれぞれ幅の 50% を占め、3 つのボタンはそれぞれ幅の 33,3% を占めます。ただし、ナビゲーション バーで 5 つを超えるボタンを指定すると、複数の行に分割されます (「その他の例」を参照)。

アクティブ化ボタン
ナビゲーション バーのリンクをクリックすると、選択された (押された) ように見えます。

リンクを気にする必要がないときにこの外観を取得したい場合は、class="ui-btn-active" を使用してください:

ホーム

複数のページの場合、各ボタンの選択された外観で現在のユーザーがいるページを表すことができます。これを行うには、リンクされたクラスに「ui-state-persist」と「ui-btn-active」を追加します。

ホーム

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。