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
     }); 
});