JqueryMobile单选按钮水平组未正确渲染

我试图通过编程在JqueryMobile中创建一组单选按钮。除了

数据类型='horizontal'

属性外，其他一切都正常工作：

正如您在fiddle中看到的，“通过js创建”无线组无法正确呈现，而另一个（直接写入HTML）效果很好

下面是您可以在页面上找到的水平组的示例

代码如下：

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");

for（变量x=0；x<2；x++）{
var rowList1=''+
'这无法正确渲染..'+
'' +
“一个”+
'' +
“两个”+
'' +
“三个”+
'';
$（“#容器”）.append（行列表1）；
}
$（“输入[type='radio']”）。checkboxradio（）。checkboxradio（“刷新”）；

我做错了什么？有什么想法吗

---

请提前感谢，例如，请尝试在父容器上而不是直接在输入上触发

create

方法

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

---

例如，尝试在父容器上而不是直接在输入上触发

create

方法

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