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>

在jquery切换中添加加载状态

1 个答案: