jQuery nie działa w Safari na formularzu przesyłania

Question

Oct 01, 2012, 02:47 PM

jQuery nie działa w Safari na formularzu przesyłania

Mam osobliwy problem, który powoduje bóle głowy ... Poniższy kod działa doskonale w Firefoksie, ale nie w Safari w Mac OS.

Chcę wyświetlać prosty komunikat „Ładowanie” podczas przesyłania plików. Więc moja strona wygląda tak:

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script>
        <script>
            $(document).ready(function () {
                $('#upload').on('submit', function () {

                    $("#loading").fadeIn();

                });

            });
        </script>
    </head>

    <body>
        <p id="loading" style="display:none">UPLOADING...</p>


            <form name="upload" id="upload" method="post" action="upload.php" enctype="multipart/form-data">
                <input type='file' name='file[]' multiple/>
                <input type="submit" value="Upload..."/>
            </form>

    </body>
</html>

W przeglądarce Firefox linia „UPLOADING ...” pojawia się, gdy pliki są przesyłane przed przesłaniem mnie do pliku upload.php. W Safari wiersz „PRZESYŁANIE ...”nie pokazuje i przenosi mnie do upload.php po przesłaniu plików.

Jeśli jest to coś, co nie jest obsługiwane w Safari, jak mogę osiągnąć dokładnie tę samą funkcję?

Dziękuję za pomoc!