Имеем следующий код:
HTML:
<div class="block"></div>
<input class="check" value="1">
CSS:
.block {width: 100px; height: 100px; background: red;}
.change {background: green;}
jQuery:
$('.check').blur(function() {
if( $(this).val().length !== 0 ) {
$('.block').addClass('change');
}
});
Предполагается, что если
input не пустой, то
div.block становится
green. Проблема: чтобы класс
change добавился к блоку
block, нужно сначало взять в фокус
input (т.е. тыкнуть на него), а потом убрать из фокуса (т.е. тыкнуть куда-нибудь на экране), даже если у нас изначально в
input что-то есть (
value="1").
Необходимо сделать так, чтобы всё срабатывало сразу, при загрузки страницы. Если по умолчанию в коде установлено
value="что-то", то делать зелёным, а если нет - не делать.
Пробовал добавить
$(document).ready(function(){ и ему подобное, но это ни к чему не привело.
Ссылка на JSFiddle с вышеприведённым кодом.
С уважением, Александр.
