Plupload: przycisk Wybierz pliki nie działa, gdy jest to możliwe wewnątrz Bootstrap modalnym

Question

Plupload przycisk „Wybierz pliki” nie działa, gdy jest wewnątrz Bootstrap modal.

Problem

Problem wydaje się istnieć tylko na urządzeniach Apple, takich jak iPad i iPhone. Testowałem na Samsung Galaxy S4 Mini z systemem Android 4.2.2 i na tablecie Nexus 7 z Androidem 4.4.2 i oba te urządzenia działają.

Demo

Oto demo do zilustrowania problemu (należy pamiętać trzeba zobaczyć na iPada lub iPhone'a, aby zobaczyć ten problem):

JSFIDDLE

Notatki

Co ciekawe, jeśli przeniesię następującą marżę poza element .modal, tak aby "Se Przycisk "lect files" jest widoczny przy początkowym ładowaniu strony, wtedy problem znika.

<div id="container"> 
    <a id="pickfiles" href="javascript:;">[Select files]</a> 
    <a id="uploadfiles" href="javascript:;">[Upload files]</a> 
</div> 

Moje pytanie

Jak mogę dostać przycisk 'Wybierz pliki' pracy wewnątrz modalnym dla iPhone i iPad?

Answer 1

Program PLupload powoduje problemy z renderowaniem wewnątrz początkowo ukrytych elementów. Powinieneś "odświeżyć" plupload po wyświetleniu okna dialogowego. Dodaj ten kod zaraz po uploader.init()

$('#myModal').on('shown.bs.modal', function() { 
    uploader.refresh(); 
})