258
12
章
Backbone.js
と
jQuery Mobile
12.4
jQuery Mobile
の高度なテクニックの適用
12.4.1
スクリプトによる
DOM
の操作
ここまでに紹介してきたコードでは、
$.mobile.changePage('pageID')
を呼び出すことに
よって
Backbone.js
でのルーティングに関する問題を解決しました。また、これによって
HTML
のページ全体が
jQuery Mobile
のマークアップによって拡張されることが保証されます。
jQuery Mobile
でのもう
1
つのトリッキーな点は、
DOM
のコンテンツを動的に操作できるとい
う点です。例えば、
Ajax
を使って読み込まれたコンテンツに対しても操作が可能です。このテク
ニックは、パフォーマンスの悪化が許容範囲内である場合にのみ利用するべきです。
jQuery Mobile
にはこのための方法がいくつか用意されており、公式の
API
やフォーラムあるい
はブログなどで解説されています。
$(pageId).trigger('pagecreate')
ヘッダーとフッターのマークアップを生成します。
$(anyElement).trigger('create')
指定された要素とすべての子孫要素のマークアップを生成します。
●
$(myListElement).listview('refresh')
●
$([type=radio]).checkboxradio()
●
$([type=text]).textinput()
●
$([type=button]).button() ...