jQuery Mobile $ .mobile.changePage張貼到頁面

Question

我正在使用jQuery Mobile創建一個手機（顯然）網站。我有一個基於AJAX請求動態創建的項目列表。這效果很好！

接下來就是這些列表項需要鏈接到另一個「頁面」，這需要發送一個參數給它。

我正在使用的代碼是：

$("#cwCountries [data-role='listview'] a").live("click", function() { 
    var dataurl = $(this).data("url"); 
    if(dataurl != null) { 
     $.mobile.changePage($("#cwCountrySpec"), { 
      type: "post", 
      data: dataurl 
     }); 
    } 
}); 

這確實發生了改變的cwCountrySpec頁面如你所期望。正如你所看到的，我使用$.mobile.changePage中的第二個參數來傳遞數據，我希望我已經存在的頁面能夠接收和使用。

我可以用這個代碼攔截變化cwCountrySpec：

$("#cwCountrySpec").live('pagebeforecreate', function(event) { 
    console.log(event); 
}); 

但是，當我檢查控制檯中，data值返回爲undefined。

這是可能的，如果是這樣，如何？

編輯 嗯，這是一個恥辱......

我剛剛檢查jQuery Mobile的方法文檔，並且聲明，

使用，只有當「到」 changePage的說法（）是一個URL。

這很糟糕。那麼我怎麼才能在頁面更改之間發送數據呢？

Answer 1

嗯，這是一個恥辱......

我剛剛檢查jQuery Mobile的方法文檔，並且聲明，

使用，只有當「到」 changePage（的說法）是URL。

這很糟糕。那麼我怎麼才能在頁面更改之間發送數據呢？

編輯：似乎開發人員不希望包括routes作爲框架的一部分，不像Sencha。

Answer 2

如何將'dataurl'值設置爲全局變量，然後在加載'#cwCountrySpec'頁面時拾取該全局變量的值。

 
var tmp_data; 
$("#cwCountries [data-role='listview'] a").live("click", function() { 
    var dataurl = $(this).data("url"); 
    if(dataurl != null) { 
     tmp_data = dataurl; 
     $.mobile.changePage($("#cwCountrySpec")); 
    } 
}); 

 
$("#cwCountrySpec").live('pagebeforeshow', function() { 
    console.log(tmp_data); 
}); 

---- ----編輯

當加載信息到新的頁面，你可以檢查，看看是否該頁面爲空或不那麼該頁面只加載一次。

 
$("#cwCountrySpec").live('pagebeforeshow', function() { 
    if ($("#cwCountrySpec div[data-role='content']").is(':empty')) { 
     $("#cwCountrySpec div[data-role='content']").load(tmp_data); 
    } 
    console.log(tmp_data); 
});