dialog位置

给position一个数组属性：弹出的坐标X，Y位置，如下：

$( "#effect" ).dialog({
    title:'我爱闹着玩！！',
    width: 400,
    height: 300,
    position:[X,Y],
    hide:'fold',
    show:'fold'
   });

示例：

// 设置弹出框位置（传递参数：鼠标点击对象的ID）
function show_div(divID){
      var jquery_divID='#'+divID;  // 鼠标点击的对象

     //  获得鼠标点击的对象的绝对坐标位置：然后X坐标-320个像素，Y坐标加20个像素 （这个根据需要自由设置喽）
      var X = $(jquery_divID).offset().left-320;
      var Y = $(jquery_divID).offset().top+20;
      $( "#effect" ).dialog({
              title:'我爱闹着玩！！',
              width: 400,
              height: 300,
              position:[X,Y],    // 赋值弹出坐标位置
              hide:'fold',      // 窗口关闭动画
              show:'fold'      // 窗口显示动画
      });
  }

 

// ================ 延伸阅读 ============

看API中position属性的解释

类型:

String, Array

默认值:

'center'

指定dialog将会显示在何处. 允许使用的值: 'center', 'left', 'right', 'top', 'bottom', 或者一个包含成对坐标的数组(相对于视窗top和left的像素值) 或者允许的字符串值(例. ['right','top'] 设置到右上角).

代码示例

使用指定的position参数初始化一个dialog.

$('.selector').dialog({ position: 'top' });

在初始化后设置或者获取position参数.

//获取var position = $('.selector').dialog('option', 'position');//设置$('.selector').dialog('option', 'position', 'top');