2011-07-04 4 views
-2

どのようにクリックしてボタンを押して、ビジー状態のアニメーションを入れ、その円でポップアップを表示し、ジョブを終了しないうちに(5秒間)他のすべての(暗くなる)ブロックしますか?私は新しく、これを解決する方法は何も分かりません。どのようにボタンをクリックしてビジー状態のアニメーションを入れますか?

+0

この「ジョブ」とはなんですか? Ajaxコール? –

+0

@Felix Klingはちょうど5秒待つ – Ivana

答えて

0

ページをオーバーレイ要素を作成する場合は、その下の項目をクリックできません。オーバーレイを作成するには、あなただけの新しい要素を作成し、タイムアウトを使用して削除できます。

.overlay{ 
width:100%; 
height:100%; 
position:fixed; 
top:0; 
left:0; 
background:#000; 
    text-align:center; 
} 

.overlay div{ 
    margin-top:100px; 
    color:#fff; 
    font-size:22px; 
} 

例:オーバーレイのCSSのためとして

var overlay = $('<div />').css('opacity',0.5).addClass('overlay').appendTo('body'); 

$(overlay).append($('<div />').text('Loading ')) 
window.setTimeout(function(){ 
    $(overlay).remove(); 
},5000); 

を、あなたはこのようなものを使用することができます: http://jsfiddle.net/niklasvh/BKWjY/

関連する問題