Вы хотите ориентироваться только на прямых детей из div.rules
. Так как вы используете querySelector
, он возвращает только первый результат, для :nth-child(2)
, это входные данные в первом div (вы заметите, что в вашем примере это красный фон)
[ 116]
var one = document.querySelector('div.rules > :nth-child(1)');
var two = document.querySelector('div.rules > :nth-child(2)');
var three = document.querySelector('div.rules > :nth-child(3)');
one.classList.add('arule');
two.classList.add('brule');
three.classList.add('crule');
.arule {
background-color: yellow;
}
.brule {
background-color: red;
}
.crule {
background-color: blue;
}
<div class="rules">
<div>
<label for="rule1">Rule1</label>
<input id="rule1">
</div>
<div>
<label for="rule2">Rule2</label>
<input id="rule2">
</div>
<div>
<label for="rule3">Rule3</label>
<input id="rule3">
</div>
</div>
Я предполагаю, что выяснил то, что продолжалось. Проблема не была ни с чем, что я делал неправильно с UpdateProgress или Панелью. Это было это, у меня был другой материал, загружающийся в фоновом режиме, который, по-видимому, держал Ajaxyness UpdatePanel.
Так в основном то, что произошло, было то, что загружающийся значок не обнаружится на начальной загрузке страницы. Я понял это, потому что я на самом деле ожидал до окончания всего на странице, был полностью загружен для исчерпывания кнопки. Конечно же, загрузчик обнаружился.
Я предположил, что обновление панели обновления будут, по крайней мере, требовать момент, событие щелчка услышали так, значок загрузчика сразу покажет в течение времени, которое загружает другой материал. Это, кажется, не имеет место хотя...
У меня также та же проблема с UpdateProgressPanel. Я обнаружил, что когда вы поместили UpdateProgressPanel и связали его с UpdatePanel, любая обратная передача из этого UpdatePanel вызовет отображение UpdateProgressPanel.
Еще один прием, который нужно сделать, - это удалить параметр AssociatedUpdatePanel, если у вас есть один UpdatePanel на странице, это заставит UpdateProgressPanel показывать каждый происходящий Async PostBack.
UpdateProgressPanel может быть размещен в любом месте кода, кроме тех областей, в которых есть предопределенные теги. Он может быть размещен внутри или снаружи UpdatePanel, и он покажет, правильно ли вы поместили его CSS, связали его с UpdatePanel или просто разместили там, и он будет отображаться, если произойдет асинхронный результат обратной передачи.
Не помещайте управление прогрессом обновления в управлении панелью обновления