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

在AJAX調用之前，你的js函數調用DisplayData顯示加載控件。

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

，併成功隱藏裝載儀部件

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