У меня есть страница с пятью «контейнерами-жидкостями группы форм», и я делю их так, чтобы две верхние части отображались на одной странице - div: nth-child (-n + 2) - и нижняя три - div: nth-child (n + 3) показать на отдельной странице. Когда страницы открываются, они выглядят идеально, но при нажатии на элемент снова отображаются все пять контейнеров. Базовые c скрипты, которые работают:
<script type="text/javascript">
// Show only the first two containers
$("div[id$=RadAjaxPanel1] > div > div > div:nth-child(n+3)").css("display","none");
</script>
<script type="text/javascript">
// Show only the last three containers
$("div[id$=RadAjaxPanel1] > div > div > div:nth-child(-n+2)").css("display","none");
</script>
, которые правильно отображаются при проверке как:
<div class="form-group container-fluid" style="display: none;"></div>
Я пробовал много способов добавить функцию, которая поддерживает тот же стиль на всей странице изменения и не были успешными. На страницах есть кнопки регистрации, которые вызывают всплывающее окно windows. При нажатии кнопки стиль = "display: none; удаляется. Спасибо за вашу помощь!
UPDATE После div # id добавляется комментарий после нажатия на регистрацию кнопка:
<!-- 2020.1.114.45 -->
Похоже, это указывает на изменение на странице. Можно ли использовать это в скрипте? После нажатия кнопки появляется всплывающая форма регистрации. Селектор кнопки js :
document.querySelector("#ctl05_ctl05_RadGrid2_ctl00_ctl06_gbcsignUp")
Всплывающая форма:
onkeypress=javascript:return WebForm_button(event, "id#save')
Я был бы рад узнать правильный язык для поиска . Я буду продолжать искать ответ но у меня закончились идеи и знания о том, что искать.