JQuery와 UI 대화 상자 - PLUPLOAD은 : Plupload는 i 번째 <strong>이</strong> 및 <strong>JQuery와 UI 대화</strong>을 plupload 사용하여 업로드하는 동안 UI 대화

Question

내가 문제가 jQuery를 작동하지 않습니다.

나는 모달 대화 상자을 jqueryui로 빌드하고 그 안에 plupload 레이아웃을 추가했습니다.

하지만 파이어 폭스와 함께 할 때 그것은 열린 날이 대화 프레임 있어 사파리와 함께 작동하지 않습니다.

나는 ... 코드가 생성되고 난 파이어 폭스에서 내가 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> 

그리고 사파리를 들어

<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> 

두 번째 것

<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> 

그러나 아무것도 바로 올거야.

주 내가 모달 대화 상자를 사용하지 않는 경우, 그것은 ...

편집 내가 초기화하기 위해서이 코드를 사용 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'} 
     ] 


    }); 

어떤 생각을 작동하는지? 당신이 당신의 스크립트에서 다른 곳을 초기화하기 때 초기화하기 plupload JQuery와 UI 모달 대화 상자에 위젯 필요가 없습니다 모든

Answer 1

에 대한

덕분에, 그것을 잘 작동합니다.

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) { 
       } 
      } 
     }); 
    } 
}); 

확실하지 않음 ,하지만 아마도 가치가있을 것입니다.