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 中也有相对于另一个元素进行定位的能力，例如 this。

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

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