jQuery 메서드가 Safari 6에서 작동하지 않습니다.

Question

내 머리카락을 꺼내십시오. 간단한 jQuery 메서드가 Safari 6에서 작동하지 않습니다.

다음 코드 블록은 Safari 6을 제외한 다른 모든 브라우저에서 작동합니다. Safari 5 이상에서는 Firefox에서 잘 작동하며 IE에서는 정상적으로 작동합니다. Chrome에서도 잘 작동합니다.

Safari 6에서 알림이 표시되므로 기능이 계속 실행되지만 다른 3 가지 방법 중 하나는 아무런 변화가 없습니다.

----- UPDATE ----- 여러 대의 컴퓨터에서 추가 테스트를 한 후 ... Mac OSX 10.8의 Safari 6에서만 작동하지 않습니다. 이 코드는 OSX 10.7의 Safari와 동일한 버전에서 잘 작동합니다. --------------------

jQuery 1.8.3을 실행 중입니다. 내 페이지가 HTML5로 확인됩니다.

HTML :

<div id="fileUploadFormContainer"> 

    <form id="fileUploadForm" action="/upload/do_upload/<?=$row->project_id?>" method="post" enctype="multipart/form-data" > 
     <fieldset> 
     <label for="userfile">Attach a file</label> 
      <input type="file" name="userfile" id="userfile" /><br /> 
      <input type="submit" id="fileUploadSubmit" value="Upload file" /> 
      <img class="loadingBar" id="fileUploadLoadingBar" src="/images/indicators/ajax-loader.gif" alt="" /> 
     </fieldset> 
    </form> 
</div><!-- end fileUploadFormContainer --> 

CSS :

.loadingBar { 
    display: none; 
} 

자바 스크립트 :

$(function(){ 
    // Submit Buttons 
    $('#fileUploadSubmit').click(function() 
    { 
     $('#fileUploadSubmit').attr('value', 'Uploading'); 
     $('#fileUploadSubmit').fadeTo('fast',0.6); 
     $('#fileUploadLoadingBar').fadeIn('fast'); 
     alert('Finished'); 
    }); 
}); 

Answer 1

내가 틀릴 수도 있지만이 문제는 자바 스크립트가되기 전에 양식을 제출한다 생각 달리는. 이를 방지하려면 preventDefault를 사용해야 할 수도 있습니다. 버튼을 제출 버튼에서 유형 = "버튼"으로 변경할 수도 있으며 이는 도움이 될 수 있습니다. 죄송합니다 ... 빠른 편집 .. 콜백에 경고를 두어 페이드 인이 발생한 후 실행되도록합니다 ... 당신은 그것을 떠날 수도 있고 변경할 수도 있습니다.

$(function(){ 
    // Submit Buttons 
    $('#fileUploadSubmit').click(function(e) 
    { 
     e.preventDefault(); 
     $('#fileUploadSubmit').attr('value', 'Uploading'); 
     $('#fileUploadSubmit').fadeTo('fast',0.6); 
     $('#fileUploadLoadingBar').fadeIn('fast', function() { 
      alert('Finished'); 
     }); 

    }); 
}); 

Answer 2

.submit() evnet (클릭 대신)을 사용할 수 있습니다. $ ('form'). bind ('submit', function() {... Code ...});
하지만 파일을 업로드하려고하기 때문에 몇 가지 ajax 기법이나 jquery 플러그인을 사용하여 권하고 싶습니다.
아약스 (Google 사용)를 사용하여 파일을 업로드하는 방법에 대한 유용한 자습서가 많이 있습니다.
여기는 내가 좋아하는 Nettuts+ ajax file uploading입니다.