Программно изменяет Складные наборы jQuery Mobile

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()));