Javascript jQuery移动刷新可折叠

我在我的页面中有一些

…

（我不使用可折叠集，因为我想一次打开几个），然后我删除它们并用Javascript创建一些新的。现在我想让他们拥有jQuery手机样式，但不管我做什么，他们都不会刷新。我试过：

$("parentdiv").refresh();
$("parentdiv").trigger("create");
$(".ui-collapsible").refresh();
$(".ui-collapsible").trigger("create");

我甚至在每一个周围都放了一个可折叠的集合，并尝试用它进行刷新（如中所述）

我用

$（“..”）添加新的div。insertBefore（“#foo”）

正确的方法是什么？刷新后，内容是否也会以jQuery Mobile样式显示

更新

未刷新可折叠文件的内容。以下是我的代码：

var newColla = "<div id=\"colla" + i + "\" data-role=\"collapsible\" data-collapsed=\"true\" data-collapsed-icon=\"minus\" data-expanded-icon=\"bars\">" +
               "<h3 id=\"" + matrikelnummer + "\">" + matrikelnummer + " " + studentName + "</h3><div class=\"colla-content\">" + 
               "<div data-role=\"fieldcontain\" style=\"margin:0px;width:100%;text-align:right;\">" + 
                    "<a href=\"\" data-role=\"button\" id=\"edit_" + matrikelnummer + "_" + studentName + "\" class=\"edit ui-btn-right\" data-mini=\"true\" data-inline=\"true\" data-icon=\"edit\" data-iconpos=\"left\">Teilnehmer bearbeiten</a>" +  
                    "<a href=\"\" data-role=\"button\" id=\"delete_" + matrikelnummer + "_" + studentName + "\" class=\"delete ui-btn-right\" data-mini=\"true\" data-inline=\"true\" data-icon=\"delete\" data-iconpos=\"left\">Teilnehmer löschen</a>" + 
                "</div>";
// Für jede ausgewählte Aufgabe einen Slider hinzufügen
for (var j = 0; j < aufgaben.length; j++) {
    newColla += "<label for=\"slider_mini\">Aufgabe " + aufgaben[j] + ": (max." + allMaxPoints[j] + "Pkt.)</label>" +
    "<input type=\"range\" name=\"slider_mini_" + matrikelnummer + "_" + aufgaben[j] +"\" class=\"slider-mini allSliders\" id=\"slider_mini_" + matrikelnummer + "_" + aufgaben[j] + "\" " + theme + " step= 0.5 value=\"0\"" + 
    "min=\"0.0\" max=\"" + allMaxPoints[j] + "\" data-highlight=\"true\" data-mini=\"true\" />"; 
                                }
newColla += "</div></div>";
$(newColla).collapsible().trigger("create").insertAfter("#timer");

var newColla=“”+
“”+matrikelnummer+“”+studentName+“”
"" + 
"" +  
"" + 
"";
//Für jede ausgewählte Aufgabe einen hinzufügen
对于（var j=0；j
您只需使用
.collapsable（）
，可折叠小部件没有
刷新方法

$（文档）.on（“pageinit”，函数（）{
var可折叠='标题内容
'；
$（“[data role=content]”。追加（$（可折叠）。可折叠（））；
});


试试这个：

$( ".selector" ).collapsibleset( "refresh" );

您使用的是哪个版本？可折叠文件现在显示为jQuery Mobile可折叠文件。但是内容（我有滑块和按钮）没有refresh@elementzero23在本例中，您可以
$（可折叠）.collapsable（）.trigger（“create”）
。你用的是哪个版本？我用的是jQuery Mobile 1.3.2，我会试试这个later@elementzero23
$（可折叠）。可折叠（）.trigger（“create”）
应该增强可折叠中的所有元素。如果没有，请用代码更新OP。@elementzero23检查此项，应在父div
$（“[data role=content]”）上调用
.trigger（“create”）

$( ".selector" ).collapsibleset( "refresh" );