Jquery mobile jQuery Mobile-动态添加复选框列表

我试图动态添加一个复选框列表，但它不能以移动样式正确显示

下面是js代码：

var name = "option";
var id = "id";

$("#frame").html('<fieldset data-role="controlgroup"><legend>Seleziona le categorie da eliminare:</legend></fieldset>');

for (var i = 0; i < 4; i++) {
  $("fieldset").append('<input type="checkbox" name="' + name + '" id="' + id + '"><label for="' + name + '">' + name + '</label>');
}

$("#frame").append('<a href="#" data-role="button" data-inline="true" id="btndelcat">Elimina</a>');

$("#frame").trigger('create');

var name=“option”；
var id=“id”；
$（“#frame”）.html（'selezionale categorie da eliminare:'）；
对于（变量i=0；i<4；i++）{
$（“字段集”）。追加（“”+名称+“”）；
}
$（“#帧”）。追加（“”）；
$（“#frame”）.trigger（'create'）；

---

在编辑器JSFIDLE上。

创建复选框时出错。属性的标签的

应与复选框的
id
匹配

由此：

$("fieldset").append('<input type="checkbox" name="' + name + '" id="' + id + '"><label for="' + name + '">' + name + '</label>');

$（“字段集”）.append（“”+name+“”）；

为此：

$("fieldset").append('<input type="checkbox" name="' + name + '" id="id' + i + '"><label for="id' + i + '">' + name + '</label>');

$（“字段集”）.append（“”+name+“”）；