2012-09-21 110 views
1

我正在準備一個非常基本的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毫秒)。

有沒有更好的解決方案呢?

回答

1

嗯,我選擇了刪除jQuery Mobile,只是我自己的樣式我的組件。

我喜歡jQuery Mobile,之前我在一些應用程序中使用過它,但這個決定更可能是因爲應用程序在使用jQuery Mobile時感覺過於沉重,而我只需要jQuery Mobile的10%。

+0

Hi @demogar。你正在開發什麼樣的應用程序? PhoneGap/Appacelerator一個還是一個Web應用程序?我想開始使用Backbone.js和Jquery Mobile開發PhoneGap應用程序,但只是使用Google搜索一下,我意識到這兩個Javascript庫之間存在很多衝突。但是,Jquery Mobile使事情變得更容易,提供了許多不同頁面的單個html,並管理頁面轉換。那麼,您是否使用任何其他庫來管理佈局? – davids