0

我喜欢在单击链接时创建一个对话框,如下例所示。到目前为止它可以工作,但对话框总是出现在中心窗口上。我喜欢更改它并将其放置在窗口的右侧。有什么想法可以解决这个问题吗?

<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>
4

3 回答 3

1

jquery ui 文档指定了一个位置属性,您可以添加该属性来定位它:

  1. 表示视口内位置的单个字符串:'center'、'left'、'right'、'top'、'bottom'。
  2. 一个数组,包含一个 x,y 坐标对,像素偏移距视口的左上角(例如 [350,100])
  3. 一个包含 x,y 位置字符串值的数组(例如右上角的 ['right','top'])。

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

于 2012-12-03T17:07:13.610 回答
0

使用position:选项:

position: { my: "right", at: "right", of: window }
于 2012-12-03T17:08:25.493 回答
0

有时阅读 jquery UI 文档可能会有所帮助:

$( "#dialog" ).dialog({position:'right'});
于 2012-12-03T17:09:29.380 回答