UIにjQueryMobileを使用し、残りにBackbone(RequireJSを使用)を使用して、非常に基本的なBackboneアプリケーションを準備しています。
次のプロジェクトをベースとして使用しました: https ://github.com/fiznool/mobile-backbone-boilerplate
また、バックボーンと一緒にjQueryMobileを使用するためにChristopheCoenraetsガイドを使用しました:http: //coenraets.org/blog/2012/03/using-backbone-js-with-jquery-mobile/
そして、たとえばここにいくつかの良い情報が見つかりました: jquerymobilerequire.jsとバックボーン
ただし、新しく生成されたコンテンツとスタイルに関して多くの問題が発生しています。複数のURIセグメントを持つページ(例:/ movie / 1)の場合はさらに多くの問題が発生します。
ビューを変更する私のメソッドは次のようになります。
var changeView = function(newView) {
newView.render();
newView.$el.addClass("ui-page").attr('data-role', 'page');
$(container).append(newView.$el);
$.mobile.changePage(newView.$el, {changeHash:false});
};
ページは実際に変更されていますが、スタイルがないように見えます。jquery.mobiile.config.jsファイルで次のコードを使用して解決策を見つけました。
$(document).bind('pagechange', function(e) {
$('.ui-page-active .ui-listview').listview('refresh');
$('.ui-page-active').page("destroy").page();
});
ただし、スタイルの適用は非常に遅くなります(ページがレンダリングされた後、500ミリ秒後など)。
これに対するより良い解決策はありますか?