jquery ui позиция диалога

Question

Как установить положение диалога jquery ui. когда я нажимаю закончить в моей форме позиция диалога находится в верхней части страницы ..

вот как я называю диалог:

  <div id="dialog" style="display: none;"> 
       <h1>Transaction successful!</h1> 
       <br /> 

       <h3>Thank you.</h3> 
      </div> 

    ScriptManager.RegisterStartupScript(this, this.GetType(), "showmessage", "jQuery('#dialog').dialog({ dialogClass: 'no-close', title: 'Registration Successful', autoOpen: true, height: 300, width: 600, modal: true, draggable: true, resizable: false, buttons: { Ok: function() { window.location.replace('Login.aspx'); } } }); ", true); 

пожалуйста, помогите ...

Answer 1

Вы можете использовать необязательный параметр POSITION для этого:

$(".selector").dialog({ position: { my: "left top", at: "left bottom", of: button } }); 

См http://api.jqueryui.com/dialog/#option-position для получения дополнительной информации.

Редактировать пример, основанный на существующем коде:

ScriptManager.RegisterStartupScript(this, this.GetType() 
, "showmessage" 
, "jQuery('#dialog').dialog({ 
    dialogClass: 'no-close' 
    , title: 'Registration Successful' 
    , autoOpen: true 
    , height: 300 
    , width: 600 
    , modal: true 
    , draggable: true 
    , resizable: false 
    , position: { my: "left top", at: "left bottom", of: button } //as per the jqueryUI example will need to customize for your needs. 
    , buttons: { Ok: function() { window.location.replace('Login.aspx'); } } }); ", true);