モーダルダイアログの読み込まれたページが機能しない

Question

modalダイアログのExample.ascxページが下記のコードで読み込まれ、Google Chromeに1つ問題があります。 Example.ascxがモーダルダイアログで読み込まれると、その機能は停止し、ファイルをブラウズしてアップロードすることはできません（Example.ascxページはpluploadに基づいたファイルアップロードページです）。 Google chromeは次のように言っています：リソースタイプはOtherと解釈されますが、MIMEタイプは未定義です。

Index.aspx：

<script type="text/javascript"> 
$(function() { 
$('#dialog').html("") 
    $('#dialog').dialog({ 
     autoOpen: false, 
     width: 400, 
     resizable: true, 
     title: 'Upload', 
     modal: true, 
     open: function(event, ui) { 

     $(this).load("../Admin/example"); 
     }, 
     buttons: { 
      "Close": function() { 
       $(this).dialog("close"); 
      } 
     } 
    }); 
    $('#my-button').click(function() { 

     $('#dialog').dialog('open'); 
    }); 

}); 

</script> 
<input type="button" id="my-button" name="my-button" value="klikni"/> 
<div id="dialog" title="My dialog" > 

Example.ascxページ：私はそれはいくつかのブラウザで動作jQueryのUIのダイアログでpluploadを使用して同じ問題を抱えていた

<div id="container"> 
<div id="filelist">No runtime found.</div> 
<br /> 
<a id="pickfiles" href="javascript:;">[Select files]</a> 
<a id="uploadfiles" href="javascript:;">[Upload files]</a> 
</div> 

<script type="text/javascript"> 

// Custom example logic 
function $(id) { 
    return document.getElementById(id); 
} 

var uploader = new plupload.Uploader({ 
    runtimes: 'gears,html5,flash,silverlight,browserplus', 
    browse_button: 'pickfiles', 
    container: 'container', 
    max_file_size: '10mb', 
    url: '../Admin/Upload', 
    resize: { width: 320, height: 240, quality: 90 }, 
    flash_swf_url: '../../Scripts/plupload/plupload.flash.swf', 
    silverlight_xap_url: '../../Scripts/plupload/plupload.silverlight.xap', 
    filters: [ 
    { title: "Image files", extensions: "jpg,gif,png" }, 
    { title: "Zip files", extensions: "zip" } 
] 
}); 

uploader.bind('Init', function(up, params) { 
    $('filelist').innerHTML = "<div>Current runtime: " + params.runtime + "</div>"; 
}); 

uploader.bind('FilesAdded', function(up, files) { 
    for (var i in files) { 
     $('filelist').innerHTML += '<div id="' + files[i].id + '">' + files[i].name + ' (' + plupload.formatSize(files[i].size) + ') <b></b></div>'; 
    } 
}); 

uploader.bind('UploadProgress', function(up, file) { 
    $(file.id).getElementsByTagName('b')[0].innerHTML = '<span>' + file.percent + "%</span>"; 
    if (file.percent == 100) window.location.href = "../Admin/Index"; 
}); 

$('uploadfiles').onclick = function() { 
    uploader.start(); 
    return false; 
}; 

uploader.init(); 

Answer 1

他にはありません。

私は呼び出すことによってそれを解決することができました：

uploader.refresh(); 

を右のダイアログを開くために呼び出した後。