Html JQuery-Mobile：动态可折叠；行不通

我有一个可折叠的列表，可以通过一些切换开关动态更改。我遇到的问题是，当切换开关打开并且我必须附加可折叠元素时，is不起作用，并且该元素没有作为可折叠元素插入可折叠列表中。这是代码和图像，您可以看到可折叠列表的第一个元素是如何正常工作的，但是如果我想添加另一个元素，则该元素工作不正常。！ 链接到图像：

以及守则：

HTML:

名称Aplicacion
肠梗阻
Ejercicio#1
现在，我们要做的是，我们要做的是，我们要做的是，我们要做的是，我们要做的是，我们要做的是，我们要做的是，我们要做的是，我们要做的是，我们要做的是，我们要做的是
勇气1

JavaScrip:

if（valor1==“on”）
{
$（'#colapsables'）。附加（$（''）
.attr（“数据角色”，“可折叠”）
.attr（“数据折叠”、“错误”）
.attr（“id”、“Ejercicio1”）
.append（$（''）.text（“Ejercicio#1”））
.append（$（''）
.attr（“数据角色”、“字段包含”）
.append（$（''）
.attr（“名称”、“文本可折叠”）
.attr（“id”，“textocolapable”）
.attr（“占位符”，“”）
.attr（“数据迷你”、“真实”）
.text（“aca va algo de texto”）
)
)
.append（$（''）
.attr（“数据角色”、“字段包含”）
.append（$（''）
.attr（“for”、“ejercicivalor”）
.文本（“Valor 1”）
)
.append（$（''）
.attr（“名称”、“Valor 1”）
.attr（“id”、“ejercicivalor”）
.attr（“占位符”、“入口标高”）
.attr（“值”，“”）
.attr（“类型”、“文本”）
.attr（“数据迷你”、“真实”）
)
)
.append（$（''）
.attr（“id”，“BotonguardareJercciio1”）
.attr（“类型”、“提交”）
.attr（“数据主题”、“a”）
.attr（“数据图标”、“编辑”）
.attr（“数据图标”、“左”）
.attr（“价值”、“瓜达尔”）
.attr（“数据迷你”、“真实”）
)
);
//ESTA Functionando MAL ESTO
}
其他的
{
$（“#Ejercicio1”）.remove（）；
}

在

的末尾添加
.trigger（'create'）
。在下面的演示中添加


<div data-role="page" id="ejercicios">
<div data-theme="a" data-role="header">
    <a data-role="button" data-inline="true" data-theme="a" data-transition="slideup"
    href="#principal" data-icon="home" data-iconpos="left" class="ui-btn-left">
    Volver
    </a>
    <h3 id="nombreAplicacion">
        Nombre Aplicacion
    </h3>
</div>
<div data-role="content">
    <h4 id="tituloEjercicios">
        Ejercicios
    </h4>
    <a id="botonAgregarQuitarEjercicio" data-role="button" data-direction="reverse"
    data-transition="slideup" data-theme="a" href="#activarEjercicios" data-icon="plus"
    data-iconpos="left">
        Agregar/Quitar Ejercicios
    </a>
    <div id="colapsables" data-role="collapsible-set" data-theme="a" data-content-theme="a">
        <div data-role="collapsible" data-collapsed="false" id="Ejercicio1">
            <h3>
                Ejercicio #1
            </h3>
            <div data-role="fieldcontain">
                <textarea name="textoColapsable" id="textoColapsable" placeholder="" data-mini="true">Acá va todo el texto sobre el ejercicios, que es lo que hay que hacer con todos los pasos y esas cosas, este texto es a modo de prueba</textarea>
            </div>
            <div data-role="fieldcontain">
                <label for="ejercicioValor">
                    Valor 1
                </label>
                <input name="Valor 1" id="ejercicioValor" placeholder="Ingrese el valor"
                value="" type="text" data-mini="true">
            </div>
            <input id="botonGuardarEjercicio1" type="submit" data-theme="a" data-icon="edit"
            data-iconpos="left" value="Guardar" data-mini="true">
        </div>
    </div>
</div>

if(valor1 == "on")
    {

        $('#colapsables').append( $('<div/>')
                                            .attr("data-role", "collapsible")
                                            .attr("data-collapsed", "false")
                                            .attr("id", "Ejercicio1")
                                            .append( $('<h3/>').text("Ejercicio #1"))
                                            .append( $('<div/>')
                                                                .attr("data-role","fieldcontain")
                                                                .append( $('<textarea/>')
                                                                                        .attr("name","textoColapsable")
                                                                                        .attr("id","textoColapsable")
                                                                                        .attr("placeholder","")
                                                                                        .attr("data-mini","true")
                                                                                        .text("aca va algo de texto")
                                                                       )
                                                    )
                                            .append( $('<div/>')
                                                               .attr("data-role","fieldcontain")
                                                               .append( $('<label/>')
                                                                                    .attr("for","ejercicioValor")
                                                                                    .text("Valor 1")
                                                                      )
                                                               .append( $('<input/>')
                                                                                    .attr("name","Valor 1")
                                                                                    .attr("id","ejercicioValor")
                                                                                    .attr("placeholder","Ingrese el Valor")
                                                                                    .attr("value","")
                                                                                    .attr("type","text")
                                                                                    .attr("data-mini","true")
                                                                      )
                                                   )
                                            .append( $('<input/>')
                                                                 .attr("id","botonGuardarEjercicio1")
                                                                 .attr("type","submit")
                                                                 .attr("data-theme","a")
                                                                 .attr("data-icon","edit")
                                                                 .attr("data-iconpos","left")
                                                                 .attr("value","Guardar")
                                                                 .attr("data-mini","true")
                                                   )

                                            );


        //ESTA FUNCIONANDO MAL ESTO
    }
    else
    {
        $("#Ejercicio1").remove();
    }

在添加新的可折叠文件之后，因此这
$（'#id'）.collapsable（）.trigger（'create'）。仍然不能那样工作。。。