2013-04-26から1日間の記事一覧

jQueryMobile カスタマイズ02

ヘッダー/フッターのカスタマイズ data-role="header、data-role="footer"で表示したヘッダー/フッターは以下のようにカスタマイズできる 「戻るボタン」の表示 data-add-back-btn属性「true」 ページ要素(data-role="page")にdata-add-back-btn属性「tr…

jQueryMobile カスタマイズ03

フッターにボタンを追加 フッター内に配置したa要素も自動的にボタンに変換される ただし、初期値では余白などが反映されていないため、フッター要素の内側に新たな要素を作成し、class属性「ui-bar」を指定する ソースコード【 HTML 】 <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1"> <title>jQuery Mobile </title></meta></meta></head></html>…

jQueryMobile カスタマイズ04

ボタンの数 ナビゲーションバーはボタンの数(li要素の数)で均等に分割され、数が増えるにつれてボタンは小さくなる ボタンの数(li要素の数)が6つ以上になると1行に2列ずつ、複数行に分割して表示される フッター/ヘッダーの固定配置 data-position属性…