jQueryモバイルのリストビュー
jQueryモバイルのリストビュー
jQuery Mobile のリスト ビューは、順序付けされた標準の HTML リスト (<ol>) です。 順序なし(<ul>)。
リスト ビューは、jQuery Mobile の強力な機能です。これにより、標準の順序なしリストまたは順序付きリストがより広く適用できるようになります。適用方法は、ulタグまたはolタグにdata-role="listview"属性を追加することです。ユーザーがクリックできる各項目 (<li>) にリンクを追加します。
リスト スタイルの丸い角とエッジを使用します。 data-inset="true" 属性設定:
|
デフォルトでは、リスト項目のリンクは自動的にボタンに変わります (data-role="button" は必須ではありません)。 |
|---|
区切りリスト
リスト項目は、リストの整理やリスト項目のグループ化に使用されるリスト分割項目に変換することもできます。
リストの分割を指定するには、data-role="list-divider" 属性をリスト item<li> 要素に追加します。
アルファベット順のリスト (電話帳など) がある場合は、<ol> 要素に data-autodividers="true" 属性を設定することで、自動生成される項目の区切り文字を構成できます。
|
|
data-autodividers="true" は、自動生成された項目の区切り文字として構成できます。デフォルトでは、作成される区切り文字はリスト項目テキストの最初の大文字になります。 |
|---|
他の例
読み取り専用リスト
リンクなし (ボタンではなくクリックできない) リストを作成する方法。
パネル
リストにパネルを挿入する方法
