我试图将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 +模式对话框中的错误吗?
最佳答案
我意识到这是一篇较旧的文章,但是我们遇到了同样的问题,并通过将Bubble Popup的z-index设置为高于Dialog窗口来解决了该问题:
$('.jquerybubblepopup').css('z-index','9999');
使用Firebug并跟踪HTML更改,您应该在对话框后面看到正在创建的弹出窗口。
关于jquery - jQuery BubblePopup不在模态对话框上显示,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/7271095/