Question

我正在渲染部分视图如下

    $("#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帮助我维迪亚

Answer 1

我认为你的代码错了。

点击此链接http://jsfiddle.net/dreadwarrior/3d7QC/12/

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

$('#AddQkEnrolWaitlistModal').dialog({
             modal: true,
        });

在屏幕中央渲染弹出窗口

1 个答案: