- Web ページの背景全体をクリックできないようにし、背後に灰色の色を付けたい
- はい/いいえの決定ダイアログを前面に表示するには
- はいをクリックすると、他のページにリダイレクトされます(いいえでも同じ)
どうやってするか?
どうやってするか?
「jQuery UI ダイアログ」でググってみてください。これに関するチュートリアルはたくさんあります。
同様のスタック オーバーフローの質問があります: https://stackoverflow.com/questions/...
背景を灰色にする方法がわかりません (jQuery UI で自動的に発生する可能性もあります) が、新しいダイアログ ボックスを作成するには、HTML ページに jQuery UI ライブラリを含める必要があり、スタイル シートも含める必要があります。 DOM 要素を選択し、jQuery の「ダイアログ」関数を呼び出します。次のようになります (これは動作するコードではないことに注意してください)。
<div id="dialog" title="my dialog">
<p>Hello from the dialog</p>
</div>
<script>
$("#dialog").dialog({
// set dialog properties here
});
</script>
jQuery ダイアログ ドキュメントへのリンクは次のとおりです: http://jqueryui.com/demos/dialog/
そして、ここにダイアログを表示する簡単な jsFiddle があります: http://jsfiddle.net/wxKq5/7/
確認したところ、jQuery UI モーダル ダイアログが画面をグレー表示します。インスタンス化する方法を示すために、jsFiddle コードを変更しました。