2013-12-13 7 views
0

내 jquery bpopup을 내 링크 아래에 배치하기 전에이 비슷한 질문을 던졌고 다른 사람이 내 마우스 커서가 클릭되는 팝업이 표시 될 답변을주었습니다. , 사람이 #class에 bpopup 위치를 만드는 방법을 알고 않습니다 jquery bpopup show popup where my link code is a hrefjquery bpopup 위치 popup from # #

내 문제를 해결하기 위해 : 나는이 내 이전 게시물이었다 ... 작동이 중지 ... 여러 팝업와 매우 긴 페이지를 있어요? 그래서 내 HREF 인 경우 :

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

내가 팝업 여기

"notesbutton"는 AHREF 클래스 아래에 표시 할 내 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> 

답변

1

jQuery#offset 방법으로 링크 위치를 얻을 수 있습니다

당신이 거 다른 브라우저에서 제대로 크기와 위치를 작동하게하기 위해 귀하의 A 링크 display: inline-block를 지정해야 할 수도 있습니다
$('.notsbutton').on('click', function(e) { 
    e.preventDefault(); 

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

참고

+0

나는 모든 팝업 싶어 ... 내 링크 위치를 돼요 내 마우스 링크에 연결하지 않고 내 ahref 링크 아래에 표시 – rubberchicken

+0

그들 .. 제가 제안했던 것 아닌가요? 당신은 링크의 위치와 높이를 얻고 bpopup 요소 – Nikolay

+0

오른쪽의 위치를 ​​계산할 수 있습니다. 내 나쁜 .. 고마워! – rubberchicken