在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');
 }
});