jquery bpopup位置弹出到我的#class

我问这个类似的问题之前关于我的jquery bpopup定位在我的链接下面，有人给了我一个答案，它会显示弹出式窗口，我的鼠标光标点击..这种工作，直到我得到了与多个弹出窗口很长的网页...它停止工作... 这是我的旧文章： jquery bpopup show popup where my link code is a href jquery bpopup位置弹出到我的#class

解决我的问题，没有人知道如何使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>

来源

2013-12-13 rubberchicken

你可以用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-13 03:44:04 Nikolay

我不希望我的链接位置......我想每一个弹出在下面显示我的ahref链接，而不将它链接到鼠标光标 – rubberchicken

em ..是不是我所建议的？你可以得到链接的位置和高度，并计算你的权利bpopup元素 – Nikolay

的位置。我的不好..谢谢！ – rubberchicken

jquery bpopup位置弹出到我的#class

回答

相关问题