0

我正在渲染部分视图如下

    $("#AddQkEnrolWaitlist").click(function () {
        replaceAjaxData('@Url.Action("QkEnrolAddWaitListDisplay", "QkEnrolWaitlist")', "QkEnrolAddWaitlist", 'Id', 0, '1');
        $('#AddQkEnrolWaitlistModal').modal({
            show: true
        });
    });
**    @* Pop up modal for Add Waitlist*@
<div class="container">
    <div id="AddQkEnrolWaitlistModal" class="addeditwaitlistmodal hide" ">
        <div id="QkEnrolAddWaitlist">
        </div>
    </div>
</div>**

而CSS是

        .addeditwaitlistmodal {
      position:absolute;
   top:50%;
   left:50%;
  z-index:1050;
  width:650px;
   margin-left:-325px;
background-color:#fff;
border:1px solid #999;
border:1px solid rgba(0, 0, 0, 0.3);
 *border:1px solid #999;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
outline:0;
-webkit-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);
-moz-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);
box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);
-webkit-background-clip:padding-box;
-moz-background-clip:padding-box;
background-clip:padding-box
   }

无论我们单击以弹出窗口的父屏幕中按钮的位置如何,我都需要始终在屏幕中间显示弹出窗口。如果我设置为顶部,左侧它会随着屏幕分辨率和长度而变化(当滚动条)来了。

PL帮助我维迪亚

4

1 回答 1

0

我认为你的代码错误。

检查此链接http://jsfiddle.net/dreadwarrior/3d7QC/12/

如果你想创建对话框你的代码应该是这样的

$('#AddQkEnrolWaitlistModal').dialog({
             modal: true,
        });
于 2013-11-11T11:30:54.993 回答