以编程方式更改jQuery Mobile Collapsible集

Question

我有一个包含7个元素的可折叠集。它工作正常。当我尝试更改每个可折叠项目的标题时，它会更改标题但删除可折叠样式。

有人遇到过这样的问题吗？

请在下面找到我的代码。

的jQuery

$('#MonColHead').text("Monday "+pad2((dateArray[0].getMonth()+1))+"-"+pad2(dateArray[0].getDate()));
$('#collapReadOnlyProj').selectmenu('refresh');

html

<div data-role="collapsible-set" id="collapReadOnlyProj">

        <div data-role="collapsible">
        <h3 id="MonColHead">Monday</h3>
            <table align="center">
                <tr><th>Hours</th><th>Minutes</th></tr>
                <tr><td><input type="number" name="name" id="name" value=""  /> </td><td><input type="number" name="name" id="name" value=""  /></td></tr>
            </table>

            <div data-role="fieldcontain">
            <label for="textarea">External Notes</label>
                <textarea name="textarea" id="textarea" style="min-height:120px"></textarea>
            </div>  
            <div data-role="fieldcontain">
            <label for="textarea">Internal Notes</label>
                <textarea name="textarea" id="textarea" style="min-height:120px"></textarea>
            </div>  
        </div>


        <div data-role="collapsible">
        <h3 id="SunColHead">Sunday</h3>
            <table align="center">
                <tr><th>Hours</th><th>Minutes</th></tr>
                <tr><td><input type="number" name="name" id="name" value=""  /> </td><td><input type="number" name="name" id="name" value=""  /></td></tr>
            </table>

            <div data-role="fieldcontain">
            <label for="textarea">External Notes</label>
                <textarea name="textarea" id="textarea" style="min-height:120px"></textarea>
            </div>  
            <div data-role="fieldcontain">
            <label for="textarea">Internal Notes</label>
                <textarea name="textarea" id="textarea" style="min-height:120px"></textarea>
            </div>  
        </div>

    </div>

Answer 1

而不是

$('#MonColHead').text("Monday "+pad2((dateArray[0].getMonth()+1))+"-"+pad2(dateArray[0].getDate()));
$('#collapReadOnlyProj').selectmenu('refresh');

试试这个

$('#MonColHead .ui-btn-text').text("Monday "+pad2((dateArray[0].getMonth()+1))+"-"+pad2(dateArray[0].getDate()));