jquery blockUI消息移动到顶部手风琴时，当一个标签打开

问题描述：

我有一个涉及小部件显示（主要建立在highcharts jquery上）的网页。一般来说，一个小部件在数据被提取之前显示加载旋转，并且该旋转出现在该屏幕/小部件的中心。在一页上，我有一个带有几个选项卡的手风琴（标签1默认打开，旋转在数据加载之前居中）。点击标签1上的按钮打开手风琴的标签2。在数据显示在标签2之前，旋转会出现在标签2上。问题在于当我点击tab1按钮时，标签2打开（向上滑动）并且旋转显示在该div内的顶部。（向上滑动）。我需要在中心显示。jquery blockUI消息移动到顶部手风琴时，当一个标签打开

用于这个和所有其他应用程序的CSS是集中的。所以在互联网上提到的答案不能纳入。

点击按钮等事件的jquery代码写在一个中央和单独的js文件。我试图在导出按钮上附加一个mouseout/mouseleave事件，然后检查鼠标是否悬停在我的子菜单上。如果不是，请关闭子菜单。这在Chrome中正常工作，但不在IE中。

生成html的文本是

<div class="blockUI" style="display:none"></div> 
<div class="blockUI blockOverlay" style="z-index: 1000; border: none; margin: 0px; padding: 0px; width: 100%; height: 100%; top: 0px; left: 0px; position: absolute;"></div> 
**<div class="blockUI blockMsg blockElement" style="z-index: 1011; position: absolute; ***top: 0px***; left: 351.5px;"><img src="../../Apps/Images/loading.gif"></div>**

下划线的atttribute（顶部：0像素）导致该问题。我检查了我的CSS。这并没有设置在任何地方。

最后一个div的CSS是

element.style { 
    z-index: 1011; 
    position: absolute; 
    top: 0px; 
    left: 351.5px; 
} 
div.blockMsg { 
    padding: 0; 
    margin: 0; 
    width: 40%; 
    top: 40%; 
    left: 30%; 
    color: #FF0000; 
    cursor: wait; 
    text-align: center; 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 14px; 
    line-height: 1em; 
} 
user agent stylesheetdiv { 
    display: block; 
}

的blockdiv加载初始时刻股利（被隐藏）开始扩大。那时，它默认在中心。但随后自手风琴标签2开放以来，div高度开始增加，并且块div仍然保持在顶部...... 任何帮助都非常感谢。 TIA。

答

您可以定位：固定;用于代码而不是绝对的

jquery blockUI消息移动到顶部手风琴时，当一个标签打开

相关推荐