按钮旁边打开JQuery对话框

Question

如何定位jquery对话框，以便在单击时在 旁边打开 按钮？ （有点像下拉菜单）

提前致谢！

Answer 1

这是按钮点击事件

$('#myButton').click(function() {
  var x = $("#myButton").offset().left;
  var y = $("#myButton").offset().top;
  x += 100; // or whatever size of your button
  $('#myDialog').dialog({ position: { x,y}});
});

Dialog Docs中还有相对于另一个元素的位置的能力。

$( ".selector" ).dialog( "option", "position", { my: "left top", at: "left bottom", of: button }

任何一个都可以工作，但是第一个例子向您展示了如何实际获取被点击的按钮的坐标，然后在它旁边设置一个对话框。

Answer 2

谢谢你的回答，Ohgodwhy！

其他所有人：

$('#dialog').dialog({
  position: { 
    my: 'top',
    at: 'top',
    of: $('#some_div')
  }
});