У меня есть этот код для изменения размера textarea
, пока пользователь вводит данные:
jQuery(function ($) {
let button = "#single_p_submit_btn";
let text_area = document.querySelector('.my-singlep-form-txtarea');
$(text_area).keydown(function () {
$(button).removeClass('my-singlep-btn').addClass('my-singlep-btn-active');
while ($(text_area).outerHeight() < text_area.scrollHeight + parseFloat($(text_area).css("borderTopWidth")) + parseFloat($(text_area).css("borderBottomWidth"))
&& $(text_area).outerHeight() < 81
) {
$(text_area).height($(text_area).height() + 1);
}
});
});
, если я изменю let text_area = document.querySelector('.my-singlep-form-txtarea');
на следующее: let text_area = $('.my-singlep-form-txtarea');
Функцияперестает работатьИзменение размера не происходит.Что мне здесь не хватает?textarea
выглядит так:
<textarea id="text_{{$post->id}}" name="single_p_text" class="my-singlep-form-txtarea" required="required" placeholder="Enter comment here" autocomplete="off" autocorrect="off" ></textarea>