javascript - 带有 jquery mobile 的微调器

Question

我正在尝试使用 jQuery Mobile 为我的页面设置微调器加载。然而，当我使用 Ajax 加载某些内容时，微调器不会显示出来。这是我的代码。有什么想法有什么问题吗？

$("#invite").live('pageinit', function(e) {
  var render = function (items) {
    var view = '',
    index = 0;
    items.forEach(function(date){
      view +=
        '<div class="ui-block" style="background:white;">' +
        date.address
        '</div>';
      index++;
    });
    return view;
  };
  $.mobile.showPageLoadingMsg();
  $.ajax({                  
    url: 'someurl.com/file.json',
    dataType: "json",
    success: function(data) {
      $('#list').html(render(data.shared_dates));
      $.mobile.hidePageLoadingMsg();
    }
  })
});

Answer 1

如果您使用的是 jQuery Mobile 1.2，那么您应该使用以下内容:

$.mobile.loading( 'show' )

和

$.mobile.loading( 'hide' )

文档:http://jquerymobile.com/demos/1.2.0/docs/api/methods.html