jquery移动加载小部件，如何调用和关闭

Question

在我的jQuery移动网站上，我有一个图像，我在图像点击上调用JS函数。该函数使用AJAX进入MVC控制器并返回局部视图。

我想在图像上使用jQuery移动加载小部件单击以显示loading...并在功能成功时关闭该加载小部件。我该怎么做？

<img onclick="DisplayData();" src="/Content/images/image.png" />

function DisplayData(){
    // ...
    success: function (result) {
        $("myId").html(result);                  
        // close loading widget 
    },

Answer 1

在你的js函数上，在ajax调用之前，showData调用show加载小部件。

function DisplayData() {
   $.mobile.loading('show');
    $.ajax({...}

成功隐藏loding小部件

success: function (result) {
           $("myId").html(result);
           $.mobile.loading('hide');
    ...