Добрый вечер!
У меня есть следующий код в jQuery, который не работает. Идея кода заключается в постепенном исчезновении или исчезновении div в зависимости от содержимого.
html-код:
<div class="mainContentWrapper">
sample text
</div>
Код css:
div.mainContentWrapper{
display: none;
width: 80%;
margin: 0.5% 10%;
padding: 0.5% 3%;
box-sizing: border-box;
border-radius: 4px;
border: 0.15em solid #1C86EE;
background-color: rgba(255,255,255,0.65);
}
Функция jquery:
$(document).ready(function(){
$('.mainContentWrapper').on('change',function(){
var mainContentWrapper_str=$.trim($(this).text());
if(mainContentWrapper_str.length==0){
$('.mainContentWrapper').fadeOut(500);
}else{
$('.mainContentWrapper').fadeIn(500);
}
});
});
onChange
применяется к изменениям в css. Он предназначен для элементов пользовательского интерфейса, таких как <input>
или <textarea>
.
onchange
, а не onChange
...
onChange может использоваться только с <input>
, <select>
и <textarea>
.
.mainContentWrapper
? Вы также должны опубликовать HTML!div
нет события'change'
для прослушивания. Если у вас есть код, который.mainContentWrapper
содержимое.mainContentWrapper
, вы захотите поместить код замирания после выполнения этого кода.