jQuery BubblePopup не отображается в модальном диалоге

Question

Я пытаюсь поместить bubblepopup во вкладку внутри модального диалога, все это создано с помощью jquery ui.

bubblepopup это: http://www.vegabit.com/jquery_bubble_popup_v2/

Я не могу показать большую частькод, поскольку он разделен между многими шаблонами, но здесь он идет (все работает, кроме пузыря):

--- модальный:

<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>

Каким-то образом я не могу заставить всплывающее окно отображаться внутри модального окна, только на других компонентах страницы.Это ошибка в всплывающем окне + модальное диалоговое окно?

Answer 1

Я понимаю, что это старый пост, но мы просто столкнулись с той же проблемой и решили ее, установив z-index для всплывающего окна Bubble на значение выше, чем в диалоговом окне:

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

Используйте Firebug и отслеживайте изменения HTML, и вы должны увидеть, что всплывающее окно создается сразу за диалогом.