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>