jQueryプラグインソースコード:
/*** jqueryの$ .ajaxをcapsuplecture in jquery in lock screen function*isasync isasyncは非同期リクエスト、デフォルトは真です*islockは画面がロックされているかどうか、デフォルトはブラウザのキャッシュから情報がロードされるかどうか、デフォルトはfasle ***/;($){$ .fn.dopost = cents(settings) jquery.extend({isasync:true、type: "post"、url:null、null、datatype:null、null、success:null、error:toerror、islock:true、iscache:false}、 settings); $(this).each(function(){if(settings.islock){locksrc();} $。ajax({async:async:async:isasync、type:settings.type、url:settings.url、datatype:settings.dat Atype、data:settings.data、cache:settings.iscache、success:function(msg){if(settings.islock){locksrc();} settings.success(msg);}、error:settings.error});}); //ロック画面メソッド関数locksrc(){$( "。lockdiv")。css({"ofacity": "0.5"})。fadein( 'normal'); var scrollwidth = document.documentelement.clientwidth; // document.body.clientwidth; // document.body.clientheight; var divwidth = $( "。lockdivinfo")。width(); var divheight = $( "。lockdivinfo")。height(); var divleft = scrollwidth/2-divwidth/2; var divtop = scrollheight/2-divheight/2; // console.log( "bodywidth ="+scrollwidth+"、bodyheight ="+scrollheight+"、divheight ="+divheight+"、divwidth ="+divwidt h+"、left ="+divleft+"、top ="+divtop); $( "。lockdivinfo")画面メソッド関数はlocksrc(){$( "。lockdivinfo")。フェードアウト( 'normal'); $( "。lockdiv")。fadeout( 'normal');} function toerror(){alert( "operation failed faile!");}};})(jquery);ロックスクリーンスタイル:
/*ロックスクリーン*/。lockdiv {width:100%; height:100%; display:none; z-index:10; background-color:#dfe8f6; position:aspolute; absolute; absolute; fist:0px;}。lockdivinfo {width:50px; height:2px; dispos:0px; 11} #closediv {float:right; width:100px; height:100px; margin-top:10px; margin-right:10px;}<div> </div> <div> <img id = "closediv" src = "/hnhd/images/circle_animation.gif"> </img> </div>
使い方
// query $( "#querybtn") 、dataType: "text"、data:$( "#searchform")。formserialize()、success:function(msg){$( "#contentdiv")。html(msg);}}; $( "#querybtn")。dopost(settion);}}