0

タグをクリックする<a>click me</a>と、ポップアップ ウィンドウが読み込まれます。背景ページの垂直スクロールバーが表示された状態のとき。ポップアップが読み込まれている間は非表示にして、閉じたときに表示するにはどうすればよいですか。

以下のスクリプトのみを使用しました。

if($("#myModal").is(':visible')){  // here 'myModal' is div of popup.
   $("html").css("overflow", "hidden");  // here 'html' is a background page
   }
   else
  {
   $("html").css("overflow", "visible");
  }

非表示状態は正常に機能していますが、ポップアップ ウィンドウを閉じると表示状態が機能しません。

正しい解決策を教えてください。

4

1 に答える 1

0

モーダルの実装方法によって異なります...たとえば、jQuery UI ダイアログウィジェットを使用している場合は、次のようにします。

$("a.mylink").dialog({
    open: function() {
        $("html").css("overflow", "hidden");
    },
    close: function() {
        $("html").css("overflow", "visible");
    }
});
于 2013-03-27T09:28:10.493 に答える