0

我之前问过这个类似的问题，关于将我的 jquery bpopup 定位在我的链接下方，有人给了我一个答案，它将显示我的鼠标光标单击的弹出窗口。这种工作直到我得到一个非常长的页面，其中包含多个弹出窗口。 .它停止工作...这是我的旧帖子： jquery bpopup show popup where my link code is a href

为了解决我的问题，有谁知道如何将 bpopup 位置设置为#class？所以如果我的href是：

<a href=\"#\" class=\"notesbutton\">Popup</a>

我希望弹出窗口显示在 ahref 类“notesbutton”下

这是我的js代码：

;(function($) {
    $(function() {
        $('.notesbutton').bind('click', function(e) {
            e.preventDefault();
            $('#notesdisplay').bPopup({
            position: [1,1]
            });
        });
    });
})(jQuery);

html:

<a href=\"#\" class=\"notesbutton\"><b>Yes</b></a>
<div id=\"notesdisplay\">$notes</div>
4

1 回答 1

1

您可以使用该jQuery#offset方法获取链接的位置

$('.notsbutton').on('click', function(e) {
  e.preventDefault();

  console.log({
    x: $(this).offset().left,
    y: $(this).offset().top + $(this).height()
  });
});

请注意，您可能需要display: inline-block为A链接指定，以使大小和定位在不同的浏览器中正常工作

于 2013-12-13T03:44:04.830 回答