javascript - 附加文件输入不适用于 ajaxfileupload

Question

我正在使用一个名为 ajaxfileupload https://github.com/jfeldstein/jQuery.AjaxFileUpload.js 的插件

我的问题是，当我动态追加一个输入文件时，插件事件不会应用于那个新追加的输入文件。

这是点击文件输入时调用插件的方式:

$("#mcq_option_list input[type=file], #question_name input[type=file], #test").ajaxfileupload({

这是我的追加函数:

$(this).before('<div class="answer_div"><input id="'+new_num+'" class="rb" type="radio" value="'+new_num+'"><label for="'+new_num+'" class="mc_label"><strong class="abcdWrapper">'+next_letter+'</strong></label><div class="fake-input"><input type="text" class="long_input" placeholder="Enter Sub Option here..." name="data[Quiz][option][]" autocomplete="off"><span></span><div class="inputWrapper"> Upload Image<input class="fileInput" type="file" name="data[Quiz][image]['+new_num+']" id="test"></div></div><a href="#" class="delete-scale-question"></a></div>');

提前感谢您的帮助。

Answer 1

我已经有了答案，我应该将所有内容都包含在“on”语句中是正确的。

完整代码如下:

$("#mcq_contain").on("click", "#mcq_option_list input[type=file], #question_name input[type=file], #test", function(){
     $(this).ajaxfileupload({
          // Code goes here
     }); 
});