Question

在我的页面上有一个模态对话框，可以在点击链接时将网站加载到iframe中。这是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默认警告弹出窗口一样。我怎么才能得到它。请帮帮我。

Answer 1

如果你有一个正确设置的叠加div，这将捕获点击，不会发生任何事情。好像你有它。

希望这会有所帮助，欢呼

Answer 2

在css中制作高度：100％，宽度：100％;对话框叠加

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

         }

使用上面的代码对话框 - 叠加层将放置在页面顶部，宽度和高度为100％;

如果您不想要100％的高度＆amp;宽度

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

    </div> 
  </div>

在css make

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

如何在jquery模式对话框外禁用所有点击？

2 个答案: