Nano Hash - криптовалюты, майнинг, программирование

Вкладки пользовательского интерфейса jQuery — вкладки скрываются и отображаются в IE при частичной обратной передаче

Я использую вкладки пользовательского интерфейса 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>

  • Пожалуйста, опубликуйте разметку и клиентский код 29.11.2011
  • У меня хорошо работает в IE 9, переключенном в режим браузера IE8 и IE7. jQuery версии 1.6.4 и jQuery-UI 1.8.16. 29.11.2011
  • @Yuriy Rozhovetskiy Возможно, режимы браузера IE9 все же чем-то отличаются от IE8 и IE7. Я использую jQuery 1.8.16, и он чертовски прыгает. Спасибо за попытку в любом случае! 29.11.2011

Ответы:


1

Добавьте клиентскую функцию pageLoad и переместите в нее код инициализации вкладок. Кроме того, вам не нужно явно вызывать эту функцию. Или подпишитесь на событие endRequest Sys.WebForms.PageRequestManager и обновите вкладки в этом обработчике событий в дополнение к коду, выполняемому на $(document).ready.

29.11.2011
  • Спасибо за ваш ответ! На самом деле у меня уже есть функция pageLoad на стороне клиента, поэтому я просто перенес туда инициализацию вкладок. Затем я понял событие endRequest и попытался там инициализироваться. Тем не менее проблема остается. Я заметил, что вкладки исчезают до срабатывания pageLoad(). Я не уверен, какое событие я должен поймать в этом случае, чтобы инициализировать вкладки. 29.11.2011
  • Кроме того, я просто подумал, что вкладки как весь плагин не исчезают, исчезает только заголовочная часть вкладок. Я отредактирую свой вопрос. 29.11.2011
  • Новые материалы

    Кластеризация: более глубокий взгляд
    Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..

    Как написать эффективное резюме
    Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..

    Частный метод Python: улучшение инкапсуляции и безопасности
    Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..

    Как я автоматизирую тестирование с помощью Jest
    Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..

    Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
    Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..

    Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
    В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..

    Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
    В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..