jQuery: 访问 .on() 内部函数中的第二个元素？

Question

我刚刚与文件上传器搏斗了好几个小时，因为 .on('change' ..) 事件不会触发，并且能够通过更改代码来修复它：

$('.acf-file-uploader input').on('change', function() {...}

至：

$(document).on('change', $('.acf-file-uploader input'), function() {...}

我的问题是该函数大量使用 this 来为输入字段设置动画并操作上传的文件。

我将如何引用该元素（即 $('.acf-file-uploader input') 现在在这个新结构下？请注意，有多个上传字段以允许多个文件，这就是为什么我必须使用类来瞄准他们。

Answer 1

这行不通？你需要给我更多的代码，看看什么是真正的问题。这对我有用 :D

 <!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
</head>
<body>
  <form action="myform.cgi">
  <input class="acf-file-uploader" type="file" name="fileupload" value="fileupload" id="fileupload">
  <label for="fileupload"> Select a file to upload</label></br>

  <input class="acf-file-uploader" type="file" name="fileupload2" value="fileupload" id="fileupload">
  <label for="fileupload"> Select a file to upload 2</label></br>


  <input type="file" name="fileupload3" value="fileupload" id="fileupload">
  <label for="fileupload"> Select a file to upload 3</label></br>


  <input type="submit" value="submit">
  </form>
  <script>
  function notify() {
     console.log("change");
   }
   $( ".acf-file-uploader, :file" ).on( "change", notify);
  </script>
</body>
</html>

jQuery: 访问 .on() 内部函数中的第二个元素？

jQuery: Accessing second element in .on() inside function?

jquery

arguments

advanced-custom-fields