Javascript fileupload Jquery没有';不能动态工作
我使用此文件上载脚本: 其中包括:Javascript fileupload Jquery没有';不能动态工作,javascript,jquery,dom,jquery-file-upload,dynamically-generated,Javascript,Jquery,Dom,Jquery File Upload,Dynamically Generated,我使用此文件上载脚本: 其中包括: $('#upload').fileupload({ 我的问题是,我动态加载内容,所以我想我需要这样的东西(因为我从.click()函数知道这个问题): 但这不起作用。有谁能帮助我,在动态加载带有id=“upload”表单的内容时,如何调用此函数 那太好了 关于“我需要像这样的东西”这一部分,你几乎是对的,那就是你试图 $(document).on('fileupload', '#upload', function () { 这就是为什么“文件上传”对“点击
$('#upload').fileupload({
我的问题是,我动态加载内容,所以我想我需要这样的东西(因为我从.click()函数知道这个问题):
但这不起作用。有谁能帮助我,在动态加载带有id=“upload”表单的内容时,如何调用此函数
那太好了 关于“我需要像这样的东西”这一部分,你几乎是对的,那就是你试图
$(document).on('fileupload', '#upload', function () {
这就是为什么“文件上传”对“点击”案例有效,而不是在这里
在动态加载
$('#upload')
元素后,您应该将资产/js/script.js
包含到页面中,以便在执行脚本之前存在脚本所需的所有内容。为此,请在将元素添加到dom的代码之后查看或使用它。您的问题可能是因为您在document.ready()中初始化$('#upload')。fileupload()
动态加载内容后,应将元素初始化为文件上载(执行$('#upload').fileupload()
)
由于您是在单击按钮时通过ajax加载内容(根据注释),因此您的代码应该遵循以下内容:
$(":button").click(function(){
$.ajax("url",{
success: function (data){
//code for injecting the element into DOM
$('#upload').fileupload(); // initialize it as file upload
}
});
});
使用此功能
$(function () {
var options = {
beforeSubmit: function (formData, jqForm, options) { }, // pre-submit callback
success: function (responseText, statusText, xhr, form) { } // post-submit callback
};
// bind form using 'ajaxForm'
$('#uploadForm').ajaxForm(options);
});
调用$(“#upload”).fileupload(…在动态加载内容后?检查:@BGR:我不明白这一点,如果函数本身不起作用,为什么要使用回调函数?“当id=“upload”形式的内容动态加载时?”-如何加载内容?@TJ:单击按钮后,我使用ajax加载它
$(function () {
var options = {
beforeSubmit: function (formData, jqForm, options) { }, // pre-submit callback
success: function (responseText, statusText, xhr, form) { } // post-submit callback
};
// bind form using 'ajaxForm'
$('#uploadForm').ajaxForm(options);
});