Javascript 通过jquery编辑html时，jquery移动css样式消失

我正在开发我的第一个jquery移动应用程序，我对web开发和java脚本都是新手

我的内容部分中有以下html：

        <div data-role="collapsible" data-collapsed="false"  data-content-theme="c">
            <h3>Results</h3>
            <p id="UnitResult"> Results..  </p>
        </div>
        <div data-role="collapsible" data-collapsed="true" data-content-theme="c" >
            <h3 id ="ShowAllh3">Show all</h3>
            <ul id="AllUnitsResult" data-role="listview" data-inset="true" data-theme="d"> 
              <li>list element</li>
              <li>list element 2</li> </ul>
        </div>

后果
结果
全部展示

列表元素
列表元素2

---

我还有一个

解决了列表问题：

$("#AllUnitsResult").listview("refresh"); 

您应该避免使用append插入HTML，而是使用DOM操作，修改其属性，然后像以前一样将其附加到#AllUnitsResult。我自己找到了答案：
$（“#AllUnitsResult”）。listview（“刷新”）的诀窍是：）如果需要一整页jQM刷新，请尝试.trigger（'create'）；我应该在哪里做？我有两个选择，它们填充在$document.ready（），但是如果我将acual页面作为起始页面，它们将不会填充。但是，如果我在与起始页相同的文档中有另一个页面，然后转到带有选择的页面，它们就会很好地填充。我想也是同样的问题吧？
$("#AllUnitsResult").listview("refresh");