按钮旁边打开的 JQuery 对话框

标签 jquery html

<分区>

我如何放置一个 jquery 对话框,以便它在单击按钮时紧挨着打开? (有点像下拉菜单)

提前致谢!

最佳答案

这是按钮点击事件

$('#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 }

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

关于按钮旁边打开的 JQuery 对话框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14086856/

相关文章:

javascript - 如何使用 javascript 打印方法打印 Canvas 元素?

javascript - 绕过转换并立即更改属性

jquery - 滑动时div的顺序显示不正确?

javascript - IE 8 Z-index 堆叠问题

javascript - 我可以在 Vue 中使用带有箭头函数的样式绑定(bind)吗?

html - 在 li 内的 p 标签之前删除 padding-left

javascript - 多个数据源导致 `invalid array width!` 错误

javascript - LESS 属性在 Firefox 中加载不一致

javascript - 使用 jQuery 和 php 加载更多内容以无限滚动

javascript - 使用 javascript 在提交时将文本添加到表单前