Я использую вкладки пользовательского интерфейса jQuery с ASP.NET Treeview и Gridview, и они отлично работают в обычных браузерах. Однако с IE происходит следующее.
Моя вкладка выглядит примерно так:
Treeview инициирует частичный постбэк для обновления панели, и в тот момент, когда происходит постбэк, вкладки (Дерево и Список) исчезают, так что картина следующая:
А потом, когда случилась обратная передача, вкладки снова появляются. Так вот, поскольку высота меняется, вся картинка как бы "прыгает".
Это происходит в IE7 и IE8.
Кто-нибудь знает, что может быть причиной?
Спасибо!
ИЗМЕНИТЬ Я подумал, что мой вопрос может ввести в заблуждение. Вкладки в целом плагин jquery не скрывает и не показывает, проблема касается только header части вкладок.
EDIT2 Вот разметка и код:
<div id="tabs" class="ui-tabs ui-widget ui-widget-content ui-corner-all" >
<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">
<li class="ui-state-default ui-corner-top ui-tabs-selected ui-state-active"><a href="#treeV" >Tree</a></li>
<li class="ui-state-default ui-corner-top"><a href="#listV" >List</a></li>
</ul>
<div id="common" class="listTree">
<div id="treeV" class="ui-tabs-panel ui-widget-content ui-corner-bottom" >
<asp:TreeView ID="TreeView1" runat="server" OnSelectedNodeChanged="TreeView1_OnSelectedNodeChanged" />
</div>
<div id="listV" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide">
<asp:GridView ID="GridView1" runat="server" onselectedindexchanged="GridView1_SelectedIndexChanged" />
</div></div></div>
<script type="text/javascript">
function pageLoad() {
$("#tabs").tabs({
fx: { opacity: "toggle", duration: "slow" }
});}
</script>