javascript - 如何重新定位我的 jQuery 弹出窗口？

Question

我有一个使用 jQuery 的弹出窗口，但它呈现在与 DIV 相同的位置。我希望弹出窗口呈现在页面中间。是否可以？如果是，那么如何？

我的 CSS:

.newpopup {
    display:none;
    border: 1px solid black;
    background-color: #eee;
}

HTML:

 <div class='newpopup'>
</div>
<button>popup</button>

JavaScript:

function popup() {
    alert('test');
    var popup = $('.newpopup');
    popup.draggable();
    popup.resizable();
    popup.html('<p>Where is pancakes house?</p>');
    popup.show('fast');
}
$(document).ready(function(){
  $('button').click(function(){
     popup();
  });
})

Answer 1

设置弹出窗口 css position : absolute 并使用 top & left 属性设置弹出窗口位置。

  .newpopup {
    display:none;
    border: 1px solid black;
    background-color: #eee;
    position:absolute;
    top:50%;
    left:50%;
}

编辑

我创建了一个 fiddle ，Jsfiddle它在这里完美运行，检查一下。