文章/答案/技术大牛

发布

社区首页 >问答首页 >是否在执行jQuery post时屏蔽整个页面？

问是否在执行jQuery post时屏蔽整个页面？
EN

Stack Overflow用户

提问于 2012-11-02 00:57:49

回答 2查看 6.1K关注 0票数 3

在jQuery中，当我们执行每个Ajax post时，有没有办法自动屏蔽整个页面(以防止用户输入或双重提交...)？我看到了这个插件: jQuery-blockUI (http://www.malsup.com/jquery/block/)，但我们仍然需要为每个Ajax帖子手动屏蔽/取消屏蔽。

据我所知，在ExtJS中，我们可以通过实现"beforeAction“函数来控制这一点，因为此事件将在表单上的任何操作之前触发，但在jQuery中我找不到任何类似的东西。

你能给我一个解决这个问题的办法吗？非常感谢。

ajax

jquery

回答 2

Stack Overflow用户

回答已采纳

发布于 2012-11-02 01:10:43

您可以只使用beforeSend和complete函数

$.ajax({
  beforeSend: function() {
           //Mask page
    },
  complete: function(){
              //remove Mask
}
  }
});

票数 3

Stack Overflow用户

发布于 2012-11-02 01:03:28

自己做这件事不会太难。

HTML

<body>
     <div id="mask"></div>
     <!-- Everything else -->
</body>

CSS

#mask{
position:fixed;
width:100%;
height:100%;
background: /* You can make this slightly transparent black rgba(0,0,0,.3); or transparent */;
top:0;
left:0;
display:none;
}

JAVASCRIPT

var isPageMasked = false,
    mask = $('#mask');

var maskPage = function(){

    if(isPageMasked){
        mask.hide();
    } else {
        mask.show();
    }

    isPageMasked = !isPageMasked;

};

然后，当您想屏蔽和取消屏蔽页面时，只需调用maskPage()即可。

票数 5

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/13181912

复制

相似问题

问是否在执行jQuery post时屏蔽整个页面？
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问是否在执行jQuery post时屏蔽整个页面？EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问是否在执行jQuery post时屏蔽整个页面？
EN