Question

当我的表单被提交时，我试图显示一个loader.gif图片。

我的loader.gif在CSS中有display:none，我希望在提交表单时显示它。我尝试使用下面的简单代码来做到这一点。

这对我来说似乎是正确的，但它不起作用。

你觉得这里有什么不对吗？

jQuery的：

$(function(){
    $('form').submit(function(){
        $('.loginbox h1 img').fadeIn('fast');
    });
});

CSS：

.loginform h1 img {
    float:right;
    margin:7px 0;
    display:none;
}

HTML：

<h1>Login Form: <img src="img/loader.gif"/></h1>
<form name="login" action="" method="post">
    <label>
        <span>User:</span>
        <input type="text" name="user" />
    </label>

    <div class="label">
        <span>Pass:</span>
        <input type="password" name="pass" />
        <input type="submit" value="Login"/>
    </div>        
</form>

Answer 1

我想这是因为，一旦提交，它就会回发或重新加载或重定向。

你可以这样做：

$(function(){
    $('form').submit(function(e){
        e.preventDefault(); // prevents submission
        $('h1 img').fadeIn('fast'); // since you aren't using that class
        $.ajax({ ... });  // use ajax to submit the form
    });
});

试图在表单提交上显示一个元素

1 个答案: