То, что я пытаюсь сделать, очень просто. Когда я нажимаю на любой экземпляр класса, создаю новый элемент этого класса. Проблема, с которой я сталкиваюсь, заключается в том, что щелчок первого экземпляра ...

0
Benjamin Donnaloia 31 Мар 2021 в 04:09

1 ответ

Лучший ответ

Это связано с тем, что элемент был добавлен после привязки функции щелчка.

Измените его на следующее, и он должен работать.

$(document).on("click", ".file", function() {
    var image = document.getElementById("images_upload");
    var newInput = document.createElement("input");
    newInput.type = "file";
    newInput.name = "file";
    $(newInput).addClass("file");
    image.appendChild(newInput);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<div class="modal-body">
    <div class="form-group" id="images_upload">
        <input type="file" name="file" class="file">
    </div>
    <div class="form-group">
        <input type="text" name="text" class="text" placeholder="type in a description">
    </div>
</div>
0
JS KIM 31 Мар 2021 в 01:22