我正在将输入动态添加到我的页面中,因此需要使用.on将事件附加到它们.
我正在尝试将更改事件附加到type =“file”输入,但它只是不起作用.
我试过两种方法,第一种:
$('.container').on('change','.file-input-hidden',function(){
其中输入有一个文件输入隐藏类.
第二个:
$('.container').on('change','input[type="file"]',function(){
出了什么问题?
编辑:
和js:
$('.container').on('click','.file-browse',function(){
var thisone = $(this).attr('id');
$('input[name="input-'+ thisone+'"]').click();
});
$('.file-input-hidden').on('change',function(){
var thetext = $(this).val();
var thetextsplit = thetext.split('\\').pop();
var thisone = $(this).attr('name').split('-').pop();
if($('.file-info').text() == thetextsplit){
alert('you have already selected this file');
$(this).replaceWith( $(this).val('').clone( true ) );
}
else{
$('#info-'+ thisone).text(thetextsplit);
$('#clear-'+ thisone).fadeIn(100);
var emptyinputs = $('.file-info:empty').length;
if(emptyinputs <1){
var filledinputs = $(".file-info:contains('.')").length;
var thisnumber = filledinputs + 1;
var filecontainer = $('
HTML:
最佳答案
你的代码……
jQuery的:
$('.container').on('change',function(){
HTML:
它不起作用,因为输入[type =“file”]不在.container中.
把它放在div.container里面或试试这样的东西..
$(document).on('change',function(){
原文链接:https://www.f2er.com/jquery/428670.html