jquery-mobile - 在ajax期间未应用Jquery移动样式

Question

我试图在 jquery mobile 中使用 ajax 加载页面的某些部分，然后将其附加到 dom。jquery mobile 的样式没有得到应用。检查并发现应该调用 .trigger('create') 方法。但是，它增加了一些空白。

我正在做下面的事情。

$.ajax({
 url : pageName,
 dataType : "html",
 success : function(data) {
  $("#score").html(data);
  $("#score").trigger("create");
 }
});

这有什么问题吗。请帮忙。

---

It does not seem to work. This is the below structure after the listview is inserted into the dom 

<div id="newssection">
   <ul data-role="listview">
  <li class="load" data-icon="false">
   <a id="newsLink" rel="external" href="NewsDetail.html">
    <div class="ui-grid-a">ABC</div>
   </a>
  </li>
   <li class="load" data-icon="false">
    <a id="newsLink" rel="external" href="NewsDetail.html">
   <div class="ui-grid-a">ABC</div>
</a>
</li>
</ul>
<div class="footerContainer">
</div>
</div>

Answer 1

归功于@Gajotres

使用$('[data-role=lisview]').listview().listview('refresh').

$.ajax({
 url : pageName,
 dataType : "html",
 success : function(data) {
  $("#score").html(data);
  $('[data-role=lisview]').listview().listview('refresh');
 }
});