Функция не работает, если элемент выбран через JQuery - PullRequest
0 голосов
/ 29 апреля 2019

У меня есть этот код для изменения размера 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>
...