Невозможно изменить стиль при использовании $(this).addClass('errorClassText')
в jQuery mobile. Мне действительно нужно использовать $ (this), поскольку у меня есть несколько полей формы, где я бы хотел применить проверку. Может кто-нибудь, пожалуйста, предложите, где я могу ошибиться.Невозможно изменить стиль в jQuery mobile
JQuery скрипт:
<script>
$(document).on('pageinit', function(){
$(".form2 input").click(function() {
$(this).keyup(function()
{
$(this).addClass('errorClassText')
});
});
});
</script>
HTML код с CSS стайлинга:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
<style>
.errorClassText{
color: #ff6666;
}
</style>
</head>
<body>
<form class='form2' name= "form" action="">
<input type="text" name="buildingname" id="house_name" >
<label id="house_name_error" for= "house_name"></label>
<input type="text" name="doorno" id="doorno" >
<label class= "" id="doorno_error" for= "doorno"></label>
<button type="submit" class="button" id="submit_btn" name="submit" >Submit</button>
</form>
</body>
</html>
Я хотел бы предположить, что добавление класса работает, но правило CSS не достаточно конкретно, по сравнению с включенными таблицами стилей. –