jquery - ページヘッダーをモーダルにしないjqueryモーダルダイアログ

Question

ページのヘッダー領域を除いて、ページをモーダルにするモーダルダイアログが必要です。これは、2つの別々の領域のようなものです。ヘッダー要素は引き続きアクティブです。クリックまたは呼び出されると、ダイアログが消え、呼び出されたヘッダー要素は通常どおり機能します。これはjqueryダイアログまたは別のライブラリで可能ですか？

Answer 1

これは、jQueryBlockUIプラグインの優れたユースケースです。コンテナ内のヘッダーを除いてページにすべてがある場合は、プラグインの要素ブロックとともに使用して、ユーザーがページを操作できないようにすることができます。

コードは次のようになります。

HTML：

<header></header>
<div id="everything-else">
    <!-- everything -->
</div>

JS：

$(function() {
    $('#everything-else').block();
});