定位窗口右侧的诊断框

Question

我喜欢在链接上单击时创建一个对话框，如下例所示。它工作到目前为止，但对话框始终出现在中心窗口。我喜欢改变它并将它定位在窗口的右侧。任何想法如何我可以解决这个问题？

<script type="text/javascript"> 

      $(function() { 
      $("#lin").click(function(){ 
      $("#dialog").dialog(); 
      }); 
     }); 
}); 

HTML：

<li><a id="lin" href="#">link</a></li> 

    <div id="dialog" class="def" title="title" style="display:none;"> 
     <p>thi is the text in the dialog</p> 
    </div> 

Answer 1

的jquery ui docs指定位置属性，你可以添加将它定位之一：

1. 代表视口内的位置一个字符串： '中心'， '左'，'右'，'顶部'，'底部'。
2. 含有的x阵列，y坐标中像素对由左，视口的顶端角偏移（例如[350100]）

3. 含x，y位置的字符串值（例如[“右”，'顶部的阵列']为右上角）。

   $("#dialog").dialog({position:'right'});

Answer 2

使用position:选项：

position: { my: "right", at: "right", of: window } 

Answer 3

有时读jQuery UI的文档会有所帮助：

$("#dialog").dialog({position:'right'});