사파리가있는 부트 스트랩 진행 바

Question

진행 막대가 부트 스트랩을 사용하고 있습니다. Chrome과 Firefox에서 아무 문제없이 잘 작동합니다. 페이지를로드 할 때 해당 페이지를 숨기고 버튼을 클릭하면 진행률 표시 줄이 표시된 함수에 대한 on 이벤트를 참조한 다음 양식을 제출합니다. 부트 스트랩을 버전 3으로 업그레이드하려고했지만 Safari에서는 여전히 작동하지 않습니다.

$("#progress").hide(); 

function progress(){ 
    $(function() { 

     $("#progress").show(); 
     }); 

    document.forms["input"].submit(); 
} 

Answer 1

폼을 제출하기 전에 부트 스트랩 진행률 막대를 표시/애니메이션하는 것과 동일한 문제가있었습니다. 나는 setTimeout()을 사용하여 progress bar (300 개가 넘는 모든 것)를 보여준 후에 submit 액션을 호출함으로써 이것을 해결했다.

이것은 Safari가 양식 게시의 경우와 같이 리디렉션 후 페이지를 업데이트하지 않는 것과 관련이 있습니다. 않는 유일한 브라우저 것 같습니다이 :의 setTimeout()를 사용

Safari not activating css rule on jquery submit action

Safari pauses all animation on redirect/form submission

progressbar updates blocked in safari while submitting a form

가 작동하지만 사파리 때 폼, 타임 아웃 기간 이후에 애니메이션을 잘라 버릴 꺼야 제출. 약간 더 높은 시간 제한 기간을 사용하여 Safari에서 업로드의 환상을 더 좋게 만들 수 있습니다 (애니메이션은 모든 다른 브라우저에서 게시 중에 계속 작동 함).