3

我对 jquery 不是很熟悉，但我试图获得一个简单的动画 gif 来显示何时提交表单。单击“提交”上传图像时，我想显示 gif，以便用户知道该图像正在上传。提交按钮有一个 id="submit" 和一个 onClick="return confirm('message')"

我有包含 gif 的 div 代码：

<div id="loading" style="display:none">

    <img src="images/hand_timer2.gif" alt="loading" />

</div>

这是隐藏的。如果我删除样式，它会显示。很公平。但是，当我尝试使用以下 javascript 显示它时，它不会显示：

<script type="text/javascript">

    $(function(){
        $('#submit').click(function(){
        $('#loading').show();

        }); 
    });

我有

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"    
type="text/javascript"></script>

在一个单独的 PHP 头文件中。据我所知，它是对 jquery 库的唯一引用，但我确实有其他所有工作的 javascript 代码。我就是不能让这个工作。谁能指出我做错了什么以及为什么在单击提交时我无法让 div 显示 gif？

4

1 回答 1

1

我相信问题可能是你的内联onClick="return confirm('message')"阻止点击事件到达你的点击事件侦听器附加 jQuery - 但不确定。无论如何，我不会在提交按钮上监听点击事件，而是在表单上监听提交事件，该事件将在表单实际提交时触发（通常可以通过单击提交以外的其他方式发布表单按钮 - 例如通过 Enter 键）。

$('#idOfYourForm').on("submit", function () {
    $('#loading').show();
});

边注：

您没有在加载 div 上正确关闭样式属性（注意>是蓝色的）：

<div id="loading" style="display:none>
于 2012-12-13T22:49:35.807 回答