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>

不知何故，我不能让bubblepopup显示在模态内部，只能在页面的其他组件上显示。这是bubblepopup +模态对话框中的错误吗？

Answer 1

我意识到这是一篇较旧的帖子，但是我们遇到了同样的问题并通过将Bubble Popup的z-index设置为高于Dialog窗口的值来解决它：

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

使用Firebug并跟踪HTML更改，您应该会在对话框后面看到正在创建的弹出窗口。

jQuery BubblePopup没有显示在模态对话框上

1 个答案: