JqueryMobile radiobutton水平組無法正確呈現

Question

我試圖以編程方式在JqueryMobile中創建一組單選按鈕。一切正常，除了data-type='horizontal'財產罰款：

，你可以在this小提琴看到，「創建，通過-JS」單選按鈕組不能正常顯示，而另外一個（直接寫入HTML）的作品大。

我正在關注的水平組例如，你可以找到關於this頁

這是代碼：

HTML

<div id="container"></div> 

JS

for (var x = 0; x < 2; x++) { 
    var rowList1 = '<fieldset data-role="controlgroup" data-type="horizontal">' + 
     '<legend>This does not render properly..</legend>' + 
     '<input name="radio-choice-h-2" id="radio-choice-h-2a" value="on" checked="checked" type="radio">' + 
     '<label for="radio-choice-h-2a">One</label>' + 
     '<input name="radio-choice-h-2" id="radio-choice-h-2b" value="off" type="radio">' + 
     '<label for="radio-choice-h-2b">Two</label>' + 
     '<input name="radio-choice-h-2" id="radio-choice-h-2c" value="other" type="radio">' + 
     '<label for="radio-choice-h-2c">Three</label>' + 
     '</fieldset>'; 
    $("#container").append(rowList1); 
} 
$("input[type='radio']").checkboxradio().checkboxradio("refresh"); 

我在做什麼錯？任何想法？

在此先感謝，最好的問候

Answer 1

嘗試觸發父容器的create方法，而不是直接在輸入，例如

$('#container').trigger('create'); 

jsfiddle