Valums qq.FileUploader沒有當它是由AJAX

Question

加載按鈕後，初始化我用Valums qq.FileUploader（前AjaxUpload）工作的插件在我的Asp.net MVC 3應用程序上傳...

我有點擊我的頁面add-newimage中的某個按鈕，並通過點擊它獲得模態窗口，然後通過加載部分視圖將數據加載到該窗口中。

而在這部分觀點我有按鈕upload-image，其中我想initilaize我qq.FileUploader，但它並沒有在任何地方工作...

這裏是代碼

 $("#add-newimage").click(function() { 
      $("#add-image").load('/Design/AddImage/', function() { 
       $("#add-image").dialog('open'); 

        var uploader= new qq.FileUploader({ 
        element: document.getElementById("upload-image"), 
        action: '/Design/UploadImage', 
        allowedExtensions: ['jpg'], 
        onComplete: function (id, fileName, responseJSON) { 
         $("#hidden-path input").html("/Img/Temp/@User.Identity.Name/" + file); 
         alert($("#hidden-path input").html()); 
        } 

        }); 
      }); 
     }); 

如何我可以使它工作嗎？

Answer 1

我會嘗試將上傳器代碼放在對話框的打開事件中。

$("#add-image").dialog({ 
    open : function(event, ui) { 
     var uploader= new qq.FileUploader({ 
     element: document.getElementById("upload-image"), 
     action: '/Design/UploadImage', 
     allowedExtensions: ['jpg'], 
     onComplete: function (id, fileName, responseJSON) { 
      $("#hidden-path input").html("/Img/Temp/@User.Identity.Name/" + file); 
      alert($("#hidden-path input").html()); 
      } 
    } 
}); 

.. 

$("#add-newimage").click(function() { 
    $("#add-image").load('/Design/AddImage/', function() { 
    $("#add-image").dialog('open'); 
    }); 
});