ボタンクリックイベントで表示されるdivポップアップウィンドウがあります。ポップアップがユーザーに表示されたときに画面を無効にし、通常のダイアログ ボックスのように、ユーザーがエスケープ キーまたは div の閉じるボタンでポップアップを閉じたときに再度有効にしたい。Javaスクリプトでこれを行うにはどうすればよいですか。
3 に答える
0
カバーの上 (または内側) にあるものを除いて、ユーザーからの入力を防ぐ画面を覆う「カバー」要素を作成できます。
$('#button').click(function() { $('body').append('<div class="cover"></div>'); } );
.cover { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); }
次に、イベントをカバーに割り当てて、ユーザーがクリックするか特定のキーを押したときにカバーが非表示になるようにします。
$('.cover').click(function() { $(this).hide(); });
モーダル プラグイン/スクリプトを使用することを強くお勧めします。自分で行うには多大な労力と時間がかかるためです (信頼してください)。
于 2013-05-17T03:15:35.090 に答える
0
JQuery UI はあなたの生活を楽にします。jquery UIダイアログを見てください
于 2013-05-17T03:15:47.647 に答える
0
jQueryダイアログを使用して、属性を使用できますmodal:true
$("#fileuploadfun").dialog({ modal: true });
使用する場合はmodal:false、背景をクリックできます
于 2013-05-17T03:22:25.477 に答える