Fatal编程技术网

Javascript jQuery UI对话框位置

javascript jquery html jquery-ui

Javascript jQuery UI对话框位置,javascript,jquery,html,jquery-ui,jquery-ui-dialog,Javascript,Jquery,Html,Jquery Ui,Jquery Ui Dialog,我有一张比屏幕高的表格。当用户提交表单时，会弹出一个对话框，询问并通过AJAX确认他们的密码。我的问题是对话框总是出现在屏幕的最底部，即使使用下面的jQuery代码，我相信这是正确的 <div id="passConfirmBox"> <p class="confirmError">Invalid password, try again</p> <p><input type="password" name="passwordF

我有一张比屏幕高的表格。当用户提交表单时，会弹出一个对话框，询问并通过AJAX确认他们的密码。我的问题是对话框总是出现在屏幕的最底部，即使使用下面的jQuery代码，我相信这是正确的

<div id="passConfirmBox">
    <p class="confirmError">Invalid password, try again</p>
    <p><input type="password" name="passwordField" id="passwordField" value=""></p>
    <button type="button" id="passConfirmButton">Confirm Password</button>
</div>

var passConfirm = $("#passConfirmBox").dialog( { title: "Confirm Your Password", 
autoOpen: false, position: { my: "center", at: "center", of : window } });


密码无效，请重试



确认密码
var passConfirm=$（“#passConfirmBox”）。对话框（{title:“确认您的密码”，
自动打开：false，位置：{my:“center”，在“center”，of:window}）；
试试这个：

var myPos = { my: "center top", at: "center top+150", of: window };
您的完整脚本：

 <script>
    $(function() {
        var myPos = { my: "center top", at: "center top+150", of: window };
    var passConfirm = $("#passConfirmBox").dialog( { title: "Confirm Your Password", 
        autoOpen: true, position: myPos});// autoOpen is set to true to test you can change it to your use.

    });

    </script>
  </head>

  <body>
  <div id="passConfirmBox">
    <p class="confirmError">Invalid password, try again</p>
    <p><input type="password" name="passwordField" id="passwordField" value=""></p>
    <button type="button" id="passConfirmButton">Confirm Password</button>
</div>


$（函数（）{
var myPos={my:“中心顶部”，位于“中心顶部+150”，of:window}；
var passConfirm=$（“#passConfirmBox”）。对话框（{title:“确认您的密码”，
autoOpen:true，position:myPos}）；//autoOpen设置为true以测试您是否可以将其更改为您的用途。
});
密码无效，请重试



确认密码