附加文件输入不在ajaxfileupload上工作

时间:2013-09-03 07:02:02

标签: javascript jquery ajax

我正在使用名为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>');

提前感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

我已经得到了答案,我应该将所有内容都包含在“开启”声明中。

以下是完整代码:

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