我正在使用jQuery的.animate()函数来动画< div>的宽度.当孩子< input>很专注.但是,这会导致输入在触发事件时上下跳转.它似乎是内联块的东西.
@L_502_1@
HTML
CSS
#simp-inputs > div {
display: inline-block;
width: 15vw;
margin-right: 2em;
}
#simp-inputs > div:last-child {
width: auto;
}
#simp-submit {
margin-top: 65px;
}
#simp-inputs input {
text-align: center;
}
JavaScript的
var comments = $('#simp-comments');
comments.focusin(function() {
var div = $(this).parent().parent();
div.animate({
width: '30vw'
},300);
});
comments.focusout(function() {
var div = $(this).parent().parent(),val = $(this).val();
if (!val.length) {
div.animate({
width: '15vw'
},300);
}
});
最佳答案
