动态内容更改后，jQM 1.4.2可折叠集无法正确刷新

Question

I know this question has been asked before and I've read all the solutions. None of them work.

I have a collapsible set with 5 collapsible elements in it.

<div data-role="collapsibleset" id="mySet" data-inset="false" class="ui-nodisc-icon ui-alt-icon">
  <div data-role="collapsible" id="1">
  </div>
  <div data-role="collapsible" id="2">
  </div>
  <div data-role="collapsible" id="3" >
  </div>
  <div data-role="collapsible" id="4">
  </div>
  <div data-role="collapsible" id="5">
  </div>
</div>

The components are built with jQuery and each one has its html updated with.

$('#' + key).html(myHTMLString);

Where the key is the id of the div and the myHTMLString is constructed in jQuery.

This works perfectly the first time you go to the page but after that the collapsible set loses all formating. There are no anchors around the collapsible headings and no div with a class="ui-collapsible-content ui-body-inherit" as you get on the first time you visit.

I've tried every combination of

$('#mySet').collapsibleset().trigger('create');
$("#mySet").collapsibleset("refresh");
$( "#mySet" ).trigger( "updatelayout" );
$("#mySet").enhanceWithin();

and more that I can find. Nothing changes it.

Any ideas why? I'd be far less baffled if it didn't work at all but being fine on the first visit but not the next? Bizarre.

EDIT:

I've altered the code so the h4 and p tags are in the html document instead of being dynamically inserted, and I'm adding the data to them like this:

 $('#' + key + "_head").html(myHeadingHTMLString);
 $('#' + key + "_content").html(myContentHTMLString);

This has restored the collapsible div but it has still taken away the formatting, because on the second visit (it still works fine the first time) the anchor tag with

<a href="#" class="ui-collapsible-heading-toggle ui-btn ui-btn-icon-left ui-icon-plus ui-btn-inherit"> 

is not added on the second visit.

Why on Earth not? I'm using .collapsibleset() at the end of constructing it all and its the same whatever I do.

Answer 1

尝试：

$("#mySet").enhanceWithin().collapsibleset('refresh');