У меня нет веб-страниц, которые включают отображение виджетов (в основном построенных на highcharts jquery). Как правило, виджет показывает загрузочный поворот перед получением данных, и этот поворот появляется в центре этого экрана/виджета. На одной странице у меня есть аккордеон с парой вкладок (вкладка 1 открыта по умолчанию, и вертлюг оказывается в центре до того, как на нее загружаются данные). При нажатии кнопки на вкладке 1 открывается вкладка 2 аккордеона. Прежде чем данные отображаются на вкладке 2, поворотный элемент появляется на вкладке 2. Проблема заключается в том, что в тот момент, когда я нажимаю кнопку tab1, открывается вкладка 2 (скользит вверх), и поворотный элемент отображается сверху внутри этого div. (движение скольжением вверх). Мне нужно показать это в центре.
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>**
подчеркнутый атрибут (top:0px) вызывает проблему. Я проверил свой css. Это нигде не установлено.
CSS последнего div
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 загружается в начальный момент, когда div (который должен быть скрыт) начинает расширяться. В это время он по умолчанию находится в центре. Но затем, поскольку вкладка аккордеона 2 открывается, высота div начинает увеличиваться, а блок div по-прежнему остается сверху... Любая помощь приветствуется. ТИА.