javascript - Jquery 输入类型文件作为触发器不起作用

Question

我有多个输入类型文件。默认情况下，它们是隐藏的，仅显示第一个。当用户选择第一个输入文件的文件时，下面的函数会按 id 显示下一个输入类型文件。问题是它仅适用于前 2 个更改事件，然后它会毫无错误地停止。我怎样才能使它适用于每个下一个输入文件。这是函数:

//first we hide all inputs
$('.imagediv').hide();
$('.imagediv:first').show();
var nextupload=$('.imagediv:first').attr('data');
nextupload=(parseInt(nextupload) + 1);

//this is the event
$(function() {
 $("input:file").change(function (){
   var nextf = $(this).attr('data');
   $('#input'+(nextupload)+'').show();
   alert('#input'+(nextupload)+'');
 });    
});

这是 html 的样子:

<div class="imagediv" id="input2" data="2">
<input type="file" name="gallery_upload_2" data="gallery_upload_3" id="gallery_upload_2" />
</div>

等等下一个输入..如何让它适用于每次输入更改？谢谢

我在这里制作了jsfiddle:http://jsfiddle.net/Lbu3ksjh/1/

Answer 1

您缺少更改函数中的 +1 部分:

$('input:file').change(function (){
   var nextupload = $(this).parent('.imagediv').attr('data');
    nextupload = (parseInt(nextupload) + 1);
   $('#input'+(nextupload)+'').show();
   alert('#input'+(nextupload)+'');
 });

我更新了你的 fiddle :

<强> Demo