Я пытался решить это в течение нескольких часов. Я даже просмотрел другие подобные примеры здесь, в переполнении стека, но они просто не помогают.
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.