jQuery BubblePopup이 모달 대화 상자에 표시되지 않음

Question

jquery UI로 만든 모달 대화 상자의 탭 안에 버블 팝업을 넣으려고합니다.

bubblepopup이 있습니다 : http://www.vegabit.com/jquery_bubble_popup_v2/

나는 많은 템플릿들 사이의 분할 이후,하지만 여기 간다, 코드의 많은 부분을 보여 질수 (IT 거품을 제외한 모든 작품) :

--- 모달 :

<div id="report" title="Report"> 
</div> 
<script> 
$("#report").dialog({ 
    autoOpen: false, 
    height: 440, 
    width: 350, 
    modal: true}); 
$("#report").load('/section/1/'); 
</script> 

--- 탭 섹션

<div id="section-1"> 
    <li><a href='/content_for_tab_1/'>Tab1</a></li> 
</div> 
<script> 
    $("#section-1").tabs(); 
</script> 

--- 여기 탭 1의 내용은 다음과 같습니다 어떻게 든

<p class="help_link"><a href="javascript:get_help('help_participation','participation')">Help</a></p> 
<script> 
$("#help_{{k}}").CreateBubblePopup({position : 'right', 
       align: 'center', 
       distance: '10', 
       width: '300', 
       innerHtmlStyle: { 
       color:'#000000', 
        'text-align':'center'}, 
       tail: { align:'center', }, 
       themeName: 'bubble', 
       themePath: 'media/image/'}); 
$("#help_{{k}}").SetBubblePopupInnerHtml('Lorem ipsum sit dolor amet'); 
</script> 

, 나는 bubblepopup는 페이지의 다른 구성 요소에, 모달 내부에 표시 할 수 있도록 기운 다. bubblepopup + 모달 대화 상자의 버그입니까?

Answer 1

나는 이것이 이전 게시물입니다 실현,하지만 우리는 같은 문제로 실행하고 대화 창보다 뭔가 버블 팝업의 z - 인덱스를 설정하여 그것을 해결 :

$('.jquerybubblepopup').css('z-index','9999'); 

사용 방화범 HTML 변경 사항을 추적하면 대화 상자 바로 뒤에 팝업이 생성되는 것을 볼 수 있습니다.