使用jQuery移動和Ajax動態創建一個垂直無線組

我一直試圖解決這個問題幾個小時。我甚至在堆棧溢出看過其他類似的例子，但他們只是沒有幫助。使用jQuery移動和Ajax動態創建一個垂直無線組

success : function(data) {  
    var subscriptionJSONObject = data; //{"cost":7.0,"duration":30,"id":7},{"cost":120.0,"duration":365,"id":8} 
    $('<fieldset data-role="controlgroup" id="paypalFieldset"></fieldset>').appendTo('#paypalContent');      
    $('<legend id="paypalLegend">Select a subscription:</legend>').appendTo('#paypalFieldset');      
    $.each(subscriptionJSONObject,function(i) { 
      $('<input type="radio" name="radio-choice-'+i+'" id="'+subscriptionJSONObject[i].id+'" value="'+subscriptionJSONObject[i].cost+'"/>').appendTo("#paypalFieldset"); 
      if(subscriptionJSONObject.cost != -1){ 
      $('<label for="radio-choice-'+i+'">'+subscriptionJSONObject[i].duration+' day subscription for only R'+subscriptionJSONObject[i].cost+'.00</label>').appendTo("#paypalFieldset");  
      } else { 
       $('<label for="radio-choice-'+i+'">Free subscription</label>').appendTo("#paypalFieldset");  
      } 
    }); 
    $("#paypalContent").trigger("create"); 
}

這是我的ajax調用成功函數的一部分。按鈕正在顯示，圖例也顯示，但他們不形成與jquery移動垂直無線電組的風格。

來源

2012-10-17 Dean Marsden

如果我沒有弄錯，.trigger("create")應該在頁面本身（而不是單個小部件）上進行調用。這似乎是JQM文件在這裏暗示：

http://jquerymobile.com/test/docs/pages/page-scripting.html

通過這個邏輯，你的最終聲明可能是：

$("#paypalContent").closest("div[data-role=page]").trigger("create");

如果這沒有幫助，我也有運氣與使用.destroy()其次.trigger("create")但我懷疑這被認爲是良好的形式。

祝你好運！

來源

2012-10-17 18:17:13 Harry

使用jQuery移動和Ajax動態創建一個垂直無線組

回答

相關問題