0

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

助けてください...

4

1 に答える 1

0

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);
于 2013-06-21T03:59:44.863 に答える