Question

我有一个登录表单，并显示加载图标以显示用户非常......它做得很好，但当我进去并按后退键时，加载图标仍然存在...所以我怎么能登录时让它永远消失。

这是我的jquery代码：

$(function(){

    $('.btn').click(function(){
        $('.load').show();

        });
    });

这是我在html中的div

<div class="load" style="display:none;">
<img src="images/loading.gif"">Verifying user...</div>

所以我怎么能这样做......任何帮助？

Answer 1

我假设你在click（）处理程序中有一个AJAX调用，对吗？我要做的是，在成功回调AJAX函数时 - hide（）加载器。

http://api.jquery.com/jQuery.ajax/

Answer 2

您可以使用keycode检查用户是否按backspace然后隐藏您的div：

$(function(){
    $('.btn').click(function(){
        $('.load').show();
    });

    $('body').keyup(function(e){
        if(e.keyCode == 8){
            $('.load').hide();
        }
    });
});

Answer 3

试试这个

$(function(){
$('.btn').click(function(){
    $('.load').show();
});

$('body').keyup(function(e){
    var cc = (e.charCode) ? e.charCode : ((e.which) ? e.which : e.keyCode);
    if(cc == 8){
        $('.load').hide();
    }
 });
});

某些浏览器支持charcode一些支持键码和一些浏览器支持。

Keycode-IE，Chrome

哪个 - Mozilla

charcode- safari

如何在按下键时停止加载功能

3 个答案: