Question

我之前问过这个类似的问题，关于将我的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>

Answer 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才能使尺寸和定位在不同的浏览器中正常工作

jquery bpopup将弹出窗口弹出到我的#class

1 个答案: