jquery - 在 jquery 工具中添加加载状态

Question

当用户单击其他页面的内容时，我有一个链接将被加载。我正在使用 jquery 它工作正常，但我想显示加载状态以防加载需要时间。如果用户看到正在发生的事情会更好，所以我想要当他点击它显示的链接时

“请稍等…… ”

状态直到内容完全加载。

这是我的代码。

<script type="text/javascript">
    $(function(){       

        $('#view').toggle(function(){
            var href=$(this).attr('href');
            $('#load').hide().fadeIn().load(href);
            $('#view').text('Hide');
            return false;

            },function(){
                $('#load').hide();
                    $('#view').text('View details');

                });     

        });     
    </script>

Answer 1

在 .load() 中使用回调可以帮助您准确地实现您正在寻找的东西。这是一个例子：

<script type="text/javascript">
$(function(){       
    $('#view').toggle(function(){
        var href=$(this).attr('href');
        $('#view').text('please wait...');
        $('#load').hide().fadeIn().load(href, function(){
             $('#view').text('Hide');
        });
        return false;
    },function(){
        $('#load').hide();
        $('#view').text('View details');
    });
});     
</script>