我正在準備一個非常基本的Backbone應用程序,其餘的使用jQuery Mobile爲UI和Backbone(帶有RequireJS)。Backbone和jQuery Mobile:編程式新內容和風格的問題
我用下面的項目作爲基礎: https://github.com/fiznool/mobile-backbone-boilerplate
,並用於克里斯托夫Coenraets指南使用jQuery移動與骨幹一起: http://coenraets.org/blog/2012/03/using-backbone-js-with-jquery-mobile/
並在這裏找到了幾個很好的信息,例如: jquery mobile require.js and backbone
但是,我對新生成的內容和樣式有很多問題:更多的頁面有多個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毫秒)。
有沒有更好的解決方案呢?
Hi @demogar。你正在開發什麼樣的應用程序? PhoneGap/Appacelerator一個還是一個Web應用程序?我想開始使用Backbone.js和Jquery Mobile開發PhoneGap應用程序,但只是使用Google搜索一下,我意識到這兩個Javascript庫之間存在很多衝突。但是,Jquery Mobile使事情變得更容易,提供了許多不同頁面的單個html,並管理頁面轉換。那麼,您是否使用任何其他庫來管理佈局? – davids