JQuery Mobile - 運行load（）html並在之後立即導航（）。

Question

JQuery Mobile - 運行load（）html並在之後立即導航（）。

我正在實現一個使用jQuery Mobile的小應用程序，其中我有一個登錄屏幕，可以訪問帶有導致幾頁的菜單的主頁。我的問題是我怎樣才能動態加載頁面，只有當我點擊菜單。

我試圖做這樣

$('#home').load('home.html'); 
$.mobile.navigate("#home"); 

但儘管承載導航的效果的東西不起作用，或者不重定向到該頁面。

任何人都可以給我一個提示如何做到這一點？

Answer 1

你只需要使用回調。因爲load是異步的，所以在加載完成之前，實際上最終會調用$.mobile.navigate。通過發送下一步作爲回調，確保在完成第一步後發生。

從jQuery的文檔：

如果提供一個「完整」的回調，之後 後處理被執行，HTML插入已執行。回調是 爲jQuery集合中的每個元素觸發一次，並且依次爲每個DOM元素設置 。

所以，你的代碼看起來像：

$("#home").load("home.html", function() { 
    $.mobile.navigate("#home"); 
});