jqueryのUIダイアログ - PLUPLOAD：Pluploadは<strong>plupload</strong>と<strong>jqueryのUIダイアログ</strong>を使用してアップロードしようとしているときに、私は問題を抱えているi番目のjqueryのUIダイアログ

Question

を動作しません。

私にはのモーダルダイアログがjqueryuiで構築されており、その中にpluploadレイアウトが追加されています。

Firefoxと一緒に試してみると、私は2つのダイアログフレーム を開き、Safariは動作しません。

私は、生成されたコードを見ていると私は... Firefoxで私は2

<div id="p16r5em3ep2gmrvk1ad335d1sae0_html5_container" style="position: absolute; background: none repeat scroll 0% 0% transparent; width: 0px; height: 0px; overflow: hidden; z-index: -1; opacity: 0; top: 0px; left: 0px;" class="plupload html5"> 
     <input type="file" multiple="multiple" accept="" style="font-size: 999px; position: absolute; width: 100%; height: 100%;" id="p16r5em3ep2gmrvk1ad335d1sae0_html5"> 
    </div> 

そして、私が持っているのSafariについては、第二1

<div id="p16r5em3i11ila2j0b91i163s44_html5_container" style="position: absolute; background: none repeat scroll 0% 0% transparent; width: 0px; height: 0px; overflow: hidden; z-index: -1; opacity: 0; top: 0px; left: 0px;" class="plupload html5"> 
     <input type="file" multiple="multiple" accept="" style="font-size: 999px; position: absolute; width: 100%; height: 100%;" id="p16r5em3i11ila2j0b91i163s44_html5"> 
    </div> 

を持っていることを

<div id="p16r5fjomdg751e101jao122t12gd0_html5_container" style="position: absolute; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; overflow-x: hidden; overflow-y: hidden; opacity: 0; top: 0px; left: 0px; width: 0px; height: 0px; z-index: -1; background-position: initial initial; background-repeat: initial initial; " class="plupload html5"> 
    <input id="p16r5fjomdg751e101jao122t12gd0_html5" style="font-size: 999px; position: absolute; width: 100%; height: 100%; " type="file" accept="" multiple="multiple"> 
</div> 

を見てきました

第2のもの

<div id="p16r5fjong1g231iqm10sq1jte1nc34_html5_container" style="position: absolute; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; overflow-x: hidden; overflow-y: hidden; opacity: 0; top: 0px; left: 0px; width: 0px; height: 0px; z-index: -1; background-position: initial initial; background-repeat: initial initial; " class="plupload html5"> 
     <input id="p16r5fjong1g231iqm10sq1jte1nc34_html5" style="font-size: 999px; position: absolute; width: 100%; height: 100%; " type="file" accept="" multiple="multiple"> 
</div> 

しかし、何も正しく来ていません。

注私はモーダルダイアログを使用していない場合、それは ...

EDIT 私はinitにこのコードを使用plupload

var uploader = new plupload.Uploader ({ 
     runtimes: 'html5,flash', 
     container:'container', 
     drop_element:'upDropArea', 
     browse_button: 'upBrowseButton', 
     url: 'url&action=action', 
     flash_swf_url: '/lib/plupload/js/plupload.flash.swf', 
     multipart: true, 
     urlstream_upload:true, 
     resize : {quality : 60}, 
     multiple_queues: true, 

     filters : [ 
        {title: 'Images', extensions: 'jpg,gif,png,jpeg'} 
     ] 


    }); 

任意のアイデアを動作することを？すべて

Answer 1

ため

おかげであなたはjQueryのUIのモーダルダイアログにpluploadウィジェットを初期化する必要はありませんあなたはどこか他のスクリプトでそれをintializeとき、それが正常に動作します。

Answer 2

は、私は最近、jQueryのUIのダイアログの「オープン」関数コールバックにpluploadオブジェクトを符号化することによってjQueryのUIのダイアログでpluploadQueueプラグインを実装しているしている：これは役立つ場合

$("#plupload-dialog").dialog({ 
    autoOpen: false, 
    modal: false, // change this to true for modal, but haven't tested yet 
    open: function(event, ui) { 
     $("pluploader").pluploadQueue({ 
      runtimes: '', // add your runtimes here 
      url: '', // add your URL here 
      flash_swf_url: '', // path to shockwave component 
      silverlight_xap_url: '', // path to silverlight component 
      max_file_size: '', // file size option 
      filters: [], // filter options 
      preinit: { // preinit callbacks - note do not include separate init for pluploadQueue 
       Init: function(up, info) { 
       }, 
       UploadFile: function(up, file) { 
       }, 
       Error: function(up, args) { 
       } 
      } 
     }); 
    } 
}); 

わかりませんしかし、ショットに値するかもしれません。