jQuery live()vs on()

时间:2015-02-27 21:39:59

标签: jquery element

$(document).ready(function(){
    $('.duplicate').live({
        click:function(){
            $(this).after('<input type="file" id="file" />')}})
})

我使用live()函数使用此代码,因为它已弃用,我必须使用.on(),但它不适用于我。

这段代码是在html页面中创建一个新的文件元素,当我们点击动态创建的新创建的文件元素时,应该能够创建另一个文件元素但是.on它不起作用。 我想要实现的功能与电子邮件页面上的功能相同,我们可以创建多个文件按钮进行上传。

请帮助

2 个答案:

答案 0 :(得分:0)

也许是这样的?

$(document).ready(function(){
    $(document).on('click', '.duplicate', function(){
            $(this).after('<input type="file" id="file" />')
    })
})

更多详情请见:http://api.jquery.com/on/

答案 1 :(得分:0)

我不确定'on'会接受相同的旧格式'live'接受。

请尝试以下方法:

$(document).ready(function(){
  $('.duplicate').on('click', function(){
      $(this).after('<input type="file" id="file" />')
    })
});

更多信息:http://api.jquery.com/on/