javascript - jquery "on"动态项目问题

标签 javascript jquery html

我有一个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>

这意味着,当有人向输入添加项目时,应该会显示另一种输入类型。

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

最佳答案

在事件委托(delegate)上使用动态添加的元素

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

read more关于委托(delegate)事件

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

相关文章:

php - 提取div中全部内容的正则表达式

javascript - 用 jQuery 动态控制一个旋钮

javascript - 我们如何在脚本标签中正确使用 polymer 属性?

javascript - 下拉框不通过 php 发送表单数据

javascript - 使用 Ajax 和 PHP 上传图像并返回上传的图像 URL

html - 为什么还有空格?

javascript - 将客户端 JavaScript 中的数组或哈希传递到服务器端 ruby​​ 有哪些好方法?

javascript - 打开内容时如何使按钮不掉落?

javascript - 加载覆盖图像时防止显示列表项

javascript - jQuery 显示/隐藏多个 div