2011-08-04 71 views
0

我正在使用jquery對話框,並在該對話框中試圖放置一個瀏覽按鈕。爲了瀏覽,我正在使用「uploadify」插件。現在的問題是我怎樣才能將上傳按鈕添加到UI對話框?使用uploadify按鈕,我們可以在我們的html代碼中聲明<input type="file" id="myId">。我怎樣才能鏈接這個文件類型的按鈕,使其與對話框一起工作?困惑的是,對用戶界面對話框按鈕,我們要設置按鈕的屬性作爲瀏覽jquery UI對話框中的文件按鈕

buttons:{ 
    "Done": function() { 
     processData(); 
     $(this).dialog("close"); 
    } 

那麼,如何創建對話框上的文件類型的輸入按鈕,並賦予它一個id? ()我需要設置「id」,使得文件類型按鈕與uploadify一起工作,我們使用$(「#myId」)。uploadify())

回答

1

作爲替代方案,您可以執行processData()函數對話框的關閉事件(如果它驗證並使用按鈕ID上的.live()關閉對話框。因此,像這樣:

HTML:

<input type="file" id="myId"> 

的Javascript:

$('#yourDialog').dialog({ 
    close: function(event, ui) { 
     // validate something was picked 
     processData(); 
    } 
}); 
$('#myId').live('click', function() { 
    if (event.preventDefault) { 
     event.preventDefault(); 
    } else { 
     event.returnValue = false; 
    } 
    $('#yourDialog').close(); 
});