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

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

版本:

浏览量:1043

最后更新:2021-09-12

应用标签:MAC 软件gitJquery插件

推荐指数:

详细信息

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: []
  });
 
});
联系我们
付费复制 免费复制 付费复制
付费后30天内不限量复制

价格:元

支付宝支付
联系客服
扫一扫,支付¥

正在加载二维码...

支付完成后,请等待10秒左右,请勿关闭此页

发表评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。