стили css теряются при обновлении UpdatePanel по таймеру

Question

У меня возникают проблемы с элементами внутри обновляемой панели, теряющей их стили при обновлении обновляемой панели. Я знаю, что это не новый вопрос и уже прочитал следующие темы

Someguys Blog on it

And another thread on it

И возможные обходные включают: окружать панель обновления с DIV, окружать панель обновления с div.

Это не работает в моем случае, потому что у меня есть несколько элементов внутри моей панели обновления, но я хочу применить стиль только к двум элементам внутри него, и этот метод делает каждый элемент внутри панели обновления отражением стилей.

Любые предложения будут оценены

-J

Answer 1

Вы можете использовать класс на окружающую DIV контролировать стиль на элементы внутри DIV. Поместите классы на некоторые элементы внутри, чтобы идентифицировать их, и измените класс на окружающем div, чтобы вызвать изменение.

Пример:

<div id="container" class="hide"> 
    This is the content that can change 
    <div class="someelement">asf</div> 
    <div>qwer</div> 
    <div class="otherelement">uyhgf</div> 
</div> 

Вы можете изменить класс на внешнем DIV:

document.getElementById('container').className = 'show'; 

Теперь вы можете настроить правила CSS, чтобы показать изменения на внутренних элементов в зависимости от внешнего класса:

.hide .someelement { display: none; } 
.show .someelement { display: block; } 
.hide .otherelement { color: yellow; } 
.show .otherelement { color: black; } 

Когда таймер заменяет содержимое, внутренние элементы будут по-прежнему выглядеть одинаковыми, так как t он контролирует появление на внешнем div.