javascript - 动态项目上的jquery“on”问题

我有一个jQuery

$(document).ready(function(){

        $(".files").on('change', function() {
            $('.file_fiels').append('<li><input type="file" name="attachments[]" multiple="multiple" class="files" /></li>')
        });

    })

和HTML

<ul class="file_fiels">
<li><input type="file" name="attachments[]" multiple="multiple" class="files" /></li>
</ul>

这意味着，当有人将某项添加到输入中时，应显示另一种输入类型。

它与第一种输入类型完美配合，不适用于在第一种输入类型上添加项目时创建的输入。

最佳答案

用于事件委托以动态添加元素

$('.file_fiels').on('change', '.files', function() {
   $('.file_fiels').append('<li><input type="file" name="attachments[]" multiple="multiple" class="files" /></li>')
});

read more关于委托事件

关于javascript - 动态项目上的jquery“on”问题，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/14975085/