如何禁用jquery模式對話框以外的所有點擊？

在我的頁面上有一個模式對話框，通過單擊鏈接將網站加載到iframe中。這裏是Jquery的：如何禁用jquery模式對話框以外的所有點擊？

$(function() { 
    $('.open-dialog').click(function() { 
     $('#win-dialog').show().find('#iframeContainer').html('<iframe src="' + this.href + '">  </iframe>'); 
     $('#dialog-overlay').fadeTo(400, 0.8); 
     return false; 
    }); 
    $('#win-dialog .close').click(function() { 
     $('#win-dialog').fadeOut('normal', function() { 
      $('iframe', this).remove(); 
     }); 
     $('#dialog-overlay').hide(); 
     return false; 
    });  
});

這裏是HTML

<div id='win-dialog'> 
<h3 class='title'><a class='close' href='#'>&amp;times;</a></h3> 
<div class='isi-dialog'> 
<div id='iframeContainer'/> 
</div> 
</div> 
<div id='dialog-overlay'/> 
<p> <a class='open-dialog' href='http://google.com'>Click here to open dialog</a> </p>

由於這個問題說，我要禁用模態對話框以外的所有點擊如同JavaScript默認警報彈出呢。我怎麼才能得到它。請幫幫我。

來源

2014-01-12 robinton

在CSS化妝高度：100％，寬度：100％;對話框的覆蓋的

 .dialog-overlay{ 
      height:100%; 
      width:100%; 
      position:fixed; 
      top:0px; 
      left:0px; 

     }

與上面的代碼對話框的覆蓋將被放置在頂部的頁，並用寬度&高度100％;

如果你不希望100％的高度&寬度

<div class='outer> 
    <div class='dialog-overlay'><!-- your div --> 
     . 
     . <!-- Content --> 

    </div> 
    </div>

在CSS使

.outer{ 
     position:fixed; 
     height:100%; 
     width:100%; 
     top:0px; 
     left:0px; 
     } 
    .dialog-overlay{ /* adjust according to your requriement */ 
     top:35%; 
     left:40%; 
     }

來源

2014-01-12 09:05:43 sanjeev

如果你有一個正確設置的覆蓋div，這將捕獲點擊，什麼都不會發生。看來你有它。

希望這有助於歡呼

來源

2014-01-12 08:34:50

如何禁用jquery模式對話框以外的所有點擊？

回答

相關問題