几个小时以来,我一直在努力解决这个问题。我什至在堆栈溢出上查看了其他类似的示例,但它们没有帮助。
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 mobile 的垂直单选组的样式。