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

感谢您的回答，哦，天哪！

在这里为所有其他人：

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