如何讓jQuery Mobile停止破解Ember.js網站？

我有完全相同的問題！從來沒有想過它。我嘗試在Ember Discuss，這裏以及StackOverflow JS聊天室中發帖。我得到的答覆是拋出JQM並使用別的東西。我做的。如果有人能提供幫助，那將會很好。 http://stackoverflow.com/questions/18979150/emberjs-and-jquery-mobile-gives-blank-grey-page –

@stevanity是的，它似乎是同樣的問題。你能創建一個pastebin，或者jsfiddle來重新創建這個問題嗎？ –

我實際上正在構建一個'Rhodes'應用程序。所以它不可能在jsfiddle或jsbin上重新創建它。（據我所知）。 –

取決於你的目標受衆，你可以做幾件事情：

1。）如果使用的是支持歷史記錄http://caniuse.com/history現代瀏覽器，那麼你可以使其不與jQuery Mobile的衝突改變Ember的路由機制不使用哈希了，像這樣：

App.Router.reopen({ 
    location: 'history' 
});

2）你能砍jquery mobile並禁用他們的內部頁面導航。所以，我不使用Jquery移動版，所以如果我打破了他們想要使用的代碼的某些部分，請避免對我大喊大叫，但這基本上起作用。所以我們解除綁定代碼的導航部分，並劫持他們的頁面更改事件。此外，我注入了應用程序的應用程序到jquery移動盒並隱藏加載div。

http://emberjs.jsbin.com/Ubatiri/2/edit

App = Ember.Application.create({ 
    rootElement: '.ui-page', 

    ready: function(){ 
    // 
    $.mobile.window.unbind({ 
     "popstate.history": $.proxy(this.popstate, this), 
    "hashchange.history": $.proxy(this.hashchange, this) 
}); 

    $.mobile.changePage = function(){console.log('die jquery mobile navigation');}; 

    $('.ui-loader').hide(); 
    } 
});

每運算，這些步驟是有幫助的，以及用於停用

$(document).bind("mobileinit", function() { 
    $.mobile.ajaxEnabled = false; 
    $.mobile.linkBindingEnabled = false; 
    $.mobile.hashListeningEnabled = false; 
    $.mobile.pushStateEnabled = false; 
    $.mobile.changePage.defaults.changeHash = false; 
});

來源

2013-10-27 15:39:31 Kingpin2k

它似乎是一個好東西。我會盡快檢查。 thx –

太棒了！我已經使用了你的代碼，當我刷新URL時仍然存在一些問題，但是我修復了它，我會發布它。 Thx –

使用類似技術的另一個示例：http://blog.mist.io/post/78757774060/building-a-mobile-friendly-web-app-using-ember-js-and – givanse

$(document).bind("mobileinit", function() { 
$.mobile.ajaxEnabled = false; 
$.mobile.linkBindingEnabled = false; 
$.mobile.hashListeningEnabled = false; 
$.mobile.pushStateEnabled = false; 
$.mobile.changePage.defaults.changeHash = false;

}）;

來源

2013-10-28 17:24:23

如何讓jQuery Mobile停止破解Ember.js網站？

回答

相關問題