DOMキャッシュについて
jQueryMobileは、DOMキャッシュ機能を持っている
これほ、一度表示した画面、つまりDOMをjQueryMobileの中にキャッシュして、キャッシュしたDOMを表示する機能
これは、メニュー画面など、
頻繁に表示されるページに利用する
DOMキャッシュで
すべての画面をキャッシュするには
jQueryMobileを初期化時に
$.mobile.page.prototype.options.domCache
をtrueにする
$(document).on("mobileinit",function(){
$.mobile.page.prototype.options.domCache = true;
});
これは、mobileinitイベントで定義する
次に、特定の画面のみキャッシュする方法
すべての画面をキャッシュするのはリソースの無駄なので行わない
キャッシュするのは
メニュー画面など
頻繁に再訪が発生するページのみにする
キャッシュ画面の指定は
画面の要素、つまり
data-role=”page”
に対して
data-dom-cache=”true”
を設定する
ソースにすると
<div data-role="page" data-dom-cache="true" id="menu"> </div>
なお、DOMキャッシュは、アプリケーションキャッシュを使うなら不要になる