我正在使用名为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>');
提前感谢您的帮助。
答案 0 :(得分:0)
我已经得到了答案,我应该将所有内容都包含在“开启”声明中。
以下是完整代码:
$("#mcq_contain").on("click", "#mcq_option_list input[type=file], #question_name input[type=file], #test", function(){
$(this).ajaxfileupload({
// Code goes here
});
});