Позиция диалогового окна jQuery UI

У меня есть форма, которая выше высоты экрана. Когда пользователь отправляет форму, появляется диалоговое окно и запрашивает и подтверждает свой пароль через AJAX. Моя проблема заключается в том, что диалоговое окно всегда появляется в самом низу экрана, даже при использовании кода jQuery ниже, который, я считаю, верен.Позиция диалогового окна jQuery UI

<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 } });

источник

2014-12-01 The Hawk

попробовать это:

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>

источник

2014-12-01 13:17:19

Позиция диалогового окна jQuery UI

ответ

Смежные вопросы