Phương pháp jQuery không hoạt động trong Safari 6

Question

Kéo tóc ra. Các phương thức jQuery đơn giản không hoạt động trong Safari 6.

Khối mã sau hoạt động trong tất cả các trình duyệt khác mà tôi đã thử nghiệm ngoại trừ Safari 6. Nó hoạt động tốt trong Safari 5 trở lên, tốt trong Firefox, tốt trong IE. Nó cũng hoạt động tốt trong Chrome.

Cảnh báo không bật lên trong Safari 6, do đó chức năng vẫn được kích hoạt nhưng không có gì xảy ra với bất kỳ phương pháp nào trong số 3 phương pháp khác.

----- UPDATE ----- Sau khi thử nghiệm thêm trên một số máy ... Tôi đã phát hiện thấy nó không hoạt động trong Safari 6 trong Mac OSX 10.8. Mã hoạt động tốt trong cùng một phiên bản của Safari trong OSX 10.7. --------------------

Tôi đang chạy jQuery 1.8.3. và trang của tôi xác nhận là 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; 
} 

JavaScript:

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

Answer 1

Tôi có thể sai, nhưng tôi nghĩ rằng vấn đề của bạn là hình thức được nộp trước khi javascript của bạn là đang chạy. Bạn có thể cần phải sử dụng preventDefault để tránh điều đó xảy ra. Bạn cũng có thể thay đổi nút của bạn từ một nút gửi đến một loại = "nút" và điều đó có thể giúp đỡ là tốt. Rất tiếc ... chỉnh sửa nhanh .. Tôi cũng đặt cảnh báo của bạn trong một cuộc gọi lại để nó sẽ chạy sau khi fadeIN đã xảy ra ... bạn có thể để lại điều đó hoặc thay đổi nó.

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

Bạn có thể sử dụng .submit() evnet (Thay vì nhấp). $ ('form'). bind ('submit', function() {... Code ...});
Nhưng vì bạn đang cố tải tệp lên, tôi khuyên bạn nên sử dụng một số kỹ thuật ajax và plugin jquery.
Có rất nhiều hướng dẫn hay về cách tải lên tệp bằng ajax (Sử dụng google)
Và đây là một số từ Nettuts+ ajax file uploading mà tôi thích.