在jquery中执行加载时显示div

Question

我正在尝试显示一个div表示页面正在加载，对于我使用jquery加载事件的加载，但是，加载div始终保留在页面上并且没有隐藏的结束加载，我的代码是这样的：

$("#mydiv").fadeIn("fast");
                $('#page').load('myphp.php', { 'data': id },function(){
                     $("#mydiv").fadeOut("fast");
                });

Answer 1

文档通过

完成加载时隐藏div

$(document).ready(function() {
        $("#mydiv").fadeOut("fast");
    });

（在标题中的其余JS之后包含此代码），例如

1. HTML标题
2. JS / jQuery
3. 这个^
4. CSS链接
5. HTML正文内容

Answer 2

您可以使用$('#page').ajaxStart(callback);和$('#page').ajaxStop(callback);。 看这里：

https://api.jquery.com/ajaxStart/

https://api.jquery.com/ajaxStop/