jquery Mobile 架構下添加新的Dom元素

最近在做移動端web開發 要在一個Ul 節點下添加一個li節點 ul代碼如下 <ul   id="AlarmList"  data-role="listview" data-inset="true" data-theme="c" >     <li>      <a href="" rel="external" style=" font-style:normal"><img src="images/GPS監測站.png"  alt="GPS表面位移" class="ui-li-icon" /> <h3>&nbsp;&nbsp;GPS監測點１</h3>                        <p><font color=red>&nbsp;&nbsp;&nbsp;X 位移1m超出正常範圍</font></p>                        <p><font color=red>&nbsp;&nbsp;&nbsp;安全層級:三級警示  請檢查!</font></p>       </a>     </li>     <li>      <a href="" rel="external" style=" font-style:normal"><img src="images/滲流量.png" alt="滲流量" class="ui-li-icon" />                        <h3>&nbsp;&nbsp;滲流量１</h3>                        <p>&nbsp;&nbsp;&nbsp;<font color=red>流量:23 超出正常範圍</font></p>                        <p>&nbsp;&nbsp;&nbsp;<font color=red>安全層級:三級警示  請檢查!</font></p>       </a>     </li>     <li>      <a href="" rel="external" style=" font-style:normal"><img src="images/浸潤線.png" class="ui-li-icon" /> <h3>&nbsp;&nbsp;浸潤線２</h3>                        <p><font color=red>&nbsp;&nbsp;&nbsp;降深值3 超出正常範圍</font></p>                        <p><font color=red>&nbsp;&nbsp;&nbsp;安全層級:危險 請檢查!</font></p>       </a>     </li>              </ul> 我添加一個li節點 [html]  var str = "<li id=\"li1\"><a href=\"\" rel=\"external\" style=\" font-style:normal\"><img src=\"images/浸潤線.png\" /><h3>  GPS監測點１</h3><p><font color=red>   X 位移1m超出正常範圍</font></p><p><font color=red>   安全層級:三級警示  請檢查!</font></p></a></li>";              $("#AlarmList").append(str);              $("#li1 img").addClass("ui-li-icon");  但這樣圖片出不來啦，真的很糾結 效果如下  太難看啦 加上一行代碼 [html] $("#AlarmList").listview('refresh');  效果立馬就出來啦