私たちのプロジェクトでは、リンクボタン、画像ボタン、通常のボタン、HTMLボタンなどのすべてのタイプのボタンとリンクがあり、ページが読み込まれるときに読み込み中の画像を表示したいのですが、検証エラーが発生した場合はページを保存してから読み込みます画像が表示され、HTMLアンカータグをクリックすると、メッセージの読み込みも表示されます。私は大きなプロジェクトで作業しているので、マスター ページ ASP.NET ですべてのイベントを一度にバインドしたいと考えています。
コード:
<style type="text/css">
#dvLoading {
background: url(/images/activity.gif) no-repeat center center;
height: 100px;
width: 300px;
position: fixed;
z-index: 1000;
left: 50%;
top: 50%;
margin: -25px 0 0 -25px;
}
</style>
<div id="dvLoading" style="display:none;"></div>
<script type="text/javascript">
$("a").click(function(event) {
//$('#dvLoading').toggle('slow');
$('#dvLoading').slideDown();
});
$("input:image").click(function(event){
//$('#dvLoading').toggle('slow');
$('#dvLoading').slideDown();
});
</script>