1

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ミリ秒後など)。

これに対するより良い解決策はありますか?

4

1 に答える 1

1

さて、私は jQuery Mobile を削除して、自分でコンポーネントのスタイルを設定することにしました。

私は jQuery Mobile が大好きで、以前はいくつかのアプリケーションで使用していましたが、jQuery Mobile を使用するとアプリケーションが重すぎると感じ、jQuery Mobile の 10% が必要だったため、決定した可能性が高くなりました。

于 2012-09-23T20:07:45.733 に答える