设置光标在 AJAX 加载期间等待 - jQuery waitforit

版本:

浏览量:1016

最后更新：2021-09-12

应用标签：MAC 软件 git Jquery插件

推荐指数:

查看演示点击下载

详细信息

waitforit 是一个小型 jQuery 插件，它在文档中执行 AJAX 请求时将鼠标光标设置为 Wait。仅适用于窗口对象。

如何使用它：

1. 将最新版本的 jQuery 库和 jQuery waitforit 插件插入到您的网页中。

<script src="https://code.jquery.com/jquery-3.3.1.min.js"
        integrity="sha384-tsQFqpEReu7ZLhBV2VZlAu7zcOV+rXbYlF2cqB8txI/8aZajjp4Bqd+V6D5IgvKT"
        crossorigin="anonymous">
</script>
<script src="jquery-waitforit.js"></script>

2.在window对象上初始化插件就完成了。

$(function(){
 
  $(window).wait();
 
});

3. 以毫秒为单位配置延迟和超时。

$(function(){
 
  $(window).wait({
    delay: 500,
    timeout: 60000,
  });
 
});

3. 在加载时为鼠标光标添加一个额外的 CSS 类。

$(function(){
 
  $(window).wait({
    cssClass: ''
  });
 
});

4.加载时向页面追加任何内容。

$(function(){
 
  $(window).wait({
    content: '<div id="loading">Loading...</div>'
  });
 
});

5.在加载开始和停止时执行您自己的功能。

$(function(){
 
  $(window).wait({
    callbacks: {
      start: showWaitCursor,
      stop: hideWaitCursor
    },
    ajaxStartFunctions: [],
    ajaxStopFunctions: []
  });
 
});

联系我们