AJAX getの実行中にユーザーが折りたたみ可能なセクションをクリックすると、読み込みメッセージを表示しようとしています。私はSPServicesライブラリを使用してgetを実行しています。基本的に、読み込み中のメッセージは表示されません。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 () {
....
});
}
});
}
});
});