表单提交时,jQuery不在Safari中运行

表单提交时,jQuery不在Safari中运行,第1张

概述我有一个特殊的问题令我头疼……以下代码在Firefox中完美运行,但在Mac OS上没有在Safari中运行. 我想在上传文件时显示简单的“正在加载消息”.所以我的页面看起来像这样: <!doctype html><html> <head> <meta charset="utf-8"> <title></title> <script src 我有一个特殊的问题令我头疼……以下代码在firefox中完美运行,但在Mac OS上没有在Safari中运行.

我想在上传文件时显示简单的“正在加载消息”.所以我的页面看起来像这样:

<!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" >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>

在firefox上,在上传文件之前,“UPLOADING …”行显示在将我转移到upload.PHP之前.在Safari上,“UPLOADING …”行没有显示,一旦文件上传,它就会将我转移到upload.PHP.

如果这是Safari不支持的内容,我该如何实现完全相同的功能?

谢谢您的帮助!

@H_419_22@解决方法 好的,我让它工作了……

而不是“提交”按钮,我通过ID =’send’的’按钮’更改了它.我修改了脚本,首先在点击时显示p标签,然后在回调中添加表单提交,如下所示:

<script>            $(document).ready(function () {                $("#send").click(function () {                    $("#loading").fadeIn(function () {                        $("#upload").submit();                    });                });            });</script>

它现在适用于所有浏览器.在IE,FF,Chrome和Safari中测试过.

总结

以上是内存溢出为你收集整理的表单提交时,jQuery不在Safari中运行全部内容,希望文章能够帮你解决表单提交时,jQuery不在Safari中运行所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1060040.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-25
下一篇 2022-05-25

发表评论

登录后才能评论

评论列表(0条)

保存