log

jQuery Mobile ドットインストール 勉強メモ

こちらのサイトを見ながらのメモ

jQuery Mobileの基礎 - ドットインストール <http://dotinstall.com/lessons/basic_jquery_mobile>

jquery 一つのHTMLに複数ページを書き込むのが普通

	<div>で分ける
		div data-role="page"にidを振る
	headerを読み込まないので困る場合もある
	その場合はajaxをoffにする

jquery link

	外部サイトに飛ぶときはa タグのところに、rel="external"

#06 トランジションを操作する | jQuery Mobileの基礎 - ドットインストール <http://dotinstall.com/lessons/basic_jquery_mobile/606>

ページ遷移のアニメーションを指定できる

#07 ボタンを作ってみよう | jQuery Mobileの基礎 - ドットインストール <http://dotinstall.com/lessons/basic_jquery_mobile/607>

data-role="button"

横いっぱいに広がるのが嫌だ→data-inline="true"

複数のボタンを縦に並べたくない→divのところに data-type="horizontal"

#09 ヘッダーを作りこんでみよう | jQuery Mobileの基礎 - ドットインストール <http://dotinstall.com/lessons/basic_jquery_mobile/609>

ヘッダーにボタン。

右だけにボタンを入れたい。

data-add-back-btn="true" で戻るボタンを実装できる。 headに書く方法もあって、それを使ってるけど、うまく行かない時もあったから、こっちのほうがいいかも?

#10 フッターを作りこんでみよう | jQuery Mobileの基礎 - ドットインストール <http://dotinstall.com/lessons/basic_jquery_mobile/610>

フッターにナビゲーションボタンを作るときは

フッターのdivにclass="ui-bar" を入れると、高さが調節されていい

ボタンのグループ化はdivを作って、data-role="controlgroup"とdata-type="true" を入れる。


トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2012-06-25 (月) 19:54:33 (2493d)