位置決めダイアログ

Question

jQueryでダイアログを配置しようとしていますが、次のコードがあります。私の期待することをしているようには見えません。私は、ダイアログを中央に置くか、私の体の左上隅に現われるようにするだけです。ここで

は、私はあなたがしようとしないのはなぜ

agreeDialog = $j('#termsOfAgreementConfirm').dialog({ 
       modal: true, 
       autoOpen:false, 
       resizable:false, 
       width : 1000, 
       height :400, 
       stack:false, 
       closeOnEscape:false, 
       title:"Terms of Usage", 
       open: function(event, ui) { 

        $j('.ui-dialog-titlebar-close').hide(); 

       }, 
       buttons: { 

        Disagree: function() { 
         disagree.dialog('open'); 
         disagree.dialog('moveToTop'); 

        }, 


        Agree: function() { 
         $j(this).dialog('close'); 
         $j.cookie("agree", "Y"); 
         new Ajax.Request('/myballback/user/ajaxUpdateAgreementForUser', 
           { 
            onSuccess:function(resp) { 
            }, 
            onError: function(resp) { 
             alert("Error:" + resp.toJSON()); 
             return; 
            }, 
            asynchronous:true, 
            evalScripts:true 
           }); 
         $j(this).dialog('close'); 

        } 
       } 
      }); 


var x = jQuery(agreeDialog).position().left + jQuery(agreeDialog).outerWidth(); 
      var y = jQuery(agreeDialog).position().top - jQuery(document).scrollTop();    //agreeDialog.dialog({width:width, height:height ,position:[posX, posY]}); 


      agreeDialog.dialog('option', 'position',[x, y]); 

Answer 1

持っているコードです：

$(".selector").dialog("option", "position", ['left','top']); 

または

$(".selector").dialog("option", "position", 'center'); 

Answer 2

あなたはjQueryののpositionプロパティを使用することができますがdialogこれを達成する。 jQueryUI docsから

$j('#termsOfAgreementConfirm').dialog({ 
    ... 
    position: "center", 
    .... 
}); 

：何かダイアログが表示されるべきところ

を指定します。可能な値：

1）ビューポート内の位置を表す単一の文字列： 'center'、 'left'、 'right'、 'top'、 'bottom'。

2）Xを含む配列は、Yは、ビューポートの左、右上からオフセットした画素に座標対（例えば、[350100]）

3）のx、y座標の文字列値を含む配列（例えば、[」 「右」、「トップ」は右上）