jQuery .listview('refresh')不起作用

时间:2012-11-21 14:28:36

标签: jquery jquery-mobile

我在使用('刷新')时遇到问题。我有 listview

<div id="DetallePedidoRegistros" class="ui-collapsible-set" data-role="collapsible-set" data-inset="true" data-filter="true" data-mini="true">
    <div class="ui-collapsible ui-collapsible-inset" data-role="collapsible" data-collapsed="false"><h3 class="ui-collapsible-heading"><a class="ui-collapsible-heading-toggle ui-btn ui-btn-up-a ui-mini ui-btn-icon-left ui-corner-top" href="#" data-theme="a" data-icon="plus" data-corners="false" data-shadow="false" data-iconshadow="true" data-wrapperEls="span" data-iconpos="left" data-mini="true"><span class="ui-btn-inner ui-corner-top"><span class="ui-btn-text">Datos del Pedido<span class="ui-collapsible-heading-status"> click to collapse contents</span></span><span class="ui-icon ui-icon-shadow ui-icon-minus">&nbsp;</span></span></a></h3><div aria-hidden="false" class="ui-collapsible-content ui-corner-bottom">

        Abierto por Model.StrUsuarioGenera<br>
        A las Model.DatFechaDocumento<br>    
        Mesa: Model.IntIdMesa
    </div></div>        
</div>

后来我使用post

追加元素
function actualizarDetallePedido(tcLink) {
   $.post(tcLink,
      function (detallepedido) {
        var id = $(detallepedido).attr('id');
        $("#DetalleDocumento").append(detallepedido);
        $("#DetalleDocumento").listview();
        $(this).listview('refresh');
     }
   );
}

它正确显示了这些项目,但是作为HTML代码,它没有显示为jquerymobile objetect,刷新它的方法是什么?

1 个答案:

答案 0 :(得分:1)

无意中找到了答案,我试图刷新并添加这行代码

function actualizarDetallePedido(tcLink) {
  $.post(tcLink,
    function (detallepedido) {
        var id = $(detallepedido).attr('id');
        $("#DetalleDocumento").append(detallepedido);
        $('#' + id).collapsible(); //This line initializes  the object and don't need to refresh it 
    }
  );
}