定位窗口右側的診斷框

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