jQuery não é executado no Safari no envio de formulário
Eu tenho um problema peculiar que está me dando dores de cabeça ... O código a seguir funciona perfeitamente no Firefox, mas não no Safari no Mac OS.
Quero exibir uma "mensagem de carregamento" simples enquanto os arquivos estão sendo enviados. Então minha página é assim:
<!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>
No Firefox, a linha "UPLOADING ..." aparece enquanto os arquivos estão sendo enviados antes de me transferir para upload.php. No Safari, a linha "UPLOADING ..."não mostra e me transfere para upload.php quando os arquivos são enviados.
Se isso é algo que não é suportado no Safari, como posso alcançar exatamente o mesmo recurso?
Obrigado pela ajuda!