以编程方式更改jQuery Mobile的可折叠集

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

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

enter image description here

请在下面找到我的代码。

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>

来源

2013-02-18 Jay Mayu

不像论坛网站，W e不要使用“谢谢”或“任何帮助表示赞赏”，或在[so]上签名。请参阅“[应该'嗨'，'谢谢'，标语和致敬从帖子中删除？]（http://meta.stackexchange.com/questions/2950/should-hi-thanks-taglines-and-salutations-be -removed - 从 - 个）。 – 2013-02-18 04:47:09

而不是

$('#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()));

来源

2013-02-18 05:57:03 peterm

以编程方式更改jQuery Mobile的可折叠集

回答

相关问题