jQuery对话框在按钮旁边打开

Question

如何将jQuery对话框定位到按钮旁边以实现在单击时打开（类似下拉菜单）？

提前感谢！

- checkmate711

---

http://api.jqueryui.com/dialog/#option-position - Ohgodwhy

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

在对话框文档中，还可以相对于另一个元素定位，例如这样。

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

两种方法都可以使用，但第一个示例向您展示了如何获取单击的按钮的坐标，然后在其旁边设置对话框。

- Scott Selby

Answer 2

感谢你的回答，Ohgodwhy！

以下是其他人需要知道的内容：

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

- checkmate711