jQuery Mobile click 이벤트에 showPageLoadingMsg()를 넣을 위치

Question

AJAX get이 수행되는 동안 사용자가 접을 수있는 섹션을 클릭하면로드 메시지를 표시하려고합니다. get을 수행하기 위해 SPServices 라이브러리를 사용하고 있습니다. 기본적으로로드 메시지가 표시되지 않습니다. SPServices 작업 및 클릭 이벤트가 끝나면 표시됩니다. 이 클릭 이벤트를 올바르게 정의합니까? 감사.

$(document).bind('pageinit', function (event) { 
    $('.ui-collapsible').click(function (event, data) { 
     $.mobile.showPageLoadingMsg(); 
     var myQueryOptions = ""; 
     var myQuery = ""; 
     if ($(this).attr('id') == "NewsContainer" && $("#NewsList li").size() == 0) { 
      var myQueryOptions = "<QueryOptions><ViewAttributes Scope='RecursiveAll' IncludeRootFolder='True' /></QueryOptions>"; 
      var myQuery = "<Query><Where><BeginsWith><FieldRef Name='ContentTypeId' /><Value Type='ContentTypeId'>0x010100C568DB52D9D0A14D9B2FDCC96666E9F2007948130EC3DB064584E219954237AF3900DD0126D65DE8404CB540571DFA751B850301</Value></BeginsWith></Where></Query>"; 
     } 
     if (myQueryOptions != "" && myQuery != "") { 
      $().SPServices({ 
       operation: "GetListItems", 
       async: false, 
       listName: "Pages", 
       CAMLViewFields: "<ViewFields><FieldRef Name='Title' /><FieldRef Name='PublishingPageContent' /><FieldRef Name='NewsDate' /></ViewFields>", 
       CAMLQuery: myQuery, 
       CAMLRowLimit: 5, 
       CAMLQueryOptions: myQueryOptions, 
       completefunc: function (xData, Status) { 
        $(xData.responseXML).SPFilterNode("z:row").each(function() { 
         .... 
        }); 
       } 
      }); 
     } 
    }); 
}); 

Answer 1

showLoading 뒤에 JS를 넣는 것은 의도 한 결과를 제공해야합니다.

이 질문을 참조하십시오 : Show loading spinner before heavy processing in jQuery Mobile 1.1?