当前位置：首页 → 问答吧 → 如果ajax在load的时候禁止页面上的其他操作

如果ajax在load的时候禁止页面上的其他操作

时间：2011-12-21

来源：互联网

我有一个ajax分页功能，希望每次点击分页的时候，如果数据还没有加载完成页面上的分页按钮不能点击。请问如何实现。
分页按钮是在一个div(分页栏)中一个一个的小div。

比如
<div>
<div onclick="">第1页</div>
<div onclick="">第2页</div>
<div onclick="">第3页</div>
</div>

作者: diguashishei 发布时间: 2011-12-21

弄个div把它们遮掉

作者: likeajin 发布时间: 2011-12-21

第一种最简单的方法就是把ajax射程同步
不过这样会导致页面停滞

第二种就是1楼的方法搞个遮罩层就可以了建议还是弄遮罩层比较友好

作者: chopper7278 发布时间: 2011-12-21

请问如果弄那个遮罩层有例子么？我的页面布局都是div float来做的

作者: diguashishei 发布时间: 2011-12-21

css

CSS code

position:absolute;
left:0;
top:0;
 width:100%;
height:100%;
z-index:10000;
background-color:gray;

在页面body里创建一个div(最好是body的子元素) 用上面的css就可以了

作者: chopper7278 发布时间: 2011-12-21

如果我没有理解错这个会把整个页面遮住，我打算就遮挡住那个分页栏。我这样的需求没问题吧？请问如何实现呢

作者: diguashishei 发布时间: 2011-12-21

获取分页栏的top,left,width,height，对应的css设置就OK，建议写个动态类，想遮哪就遮哪

作者: likeajin 发布时间: 2011-12-21

谢谢获取分页栏的top,left,width,height 这个不太会请问有Jquery的例子吗？我担心自己写要考虑多浏览器的问题很麻烦

作者: diguashishei 发布时间: 2011-12-21

没有……没用过jq /尴尬

作者: likeajin 发布时间: 2011-12-21

分页栏？
可以啊假如你分2栏
HTML code

<body>
  <div>分栏1的内容</div>
  <div>分栏2的内容</div>
</body>

你想遮罩分栏2的话
HTML code

<body>
  <div>分栏1</div>
  <div class="fenlan2">
    <div class="zhezhao">分栏2的遮罩层<div>
    分栏2的内容
  </div>
</body>

CSS code

.fenlan2{
  position:relative;
}
.zhezhao{
position:relative;
float:left;
 width:分栏2的宽度;
height:分栏2的高度;
z-index:10000;
background-color:gray;
}

手写的自己试验下吧

作者: chopper7278 发布时间: 2011-12-21

改下直接100%就可以本来这个遮罩层就是分栏2的子元素不用刻意去设置
CSS code

.zhezhao{
position:relative;
float:left;
 width:100%;
height:100%;
z-index:10000;
background-color:gray;
}

作者: chopper7278 发布时间: 2011-12-21

嗯嗯我也在想relative应该就可以了我自己去试试看

我的那个分页栏是指翻页的上一页 1 2 3 4 下一页

原理应该是一样的我试试看谢谢

先不结贴有问题在继续问哈

作者: diguashishei 发布时间: 2011-12-21

如果ajax在load的时候禁止页面上的其他操作

热门阅读

热门下载

如果ajax在load的时候 禁止页面上的其他操作

热门阅读

热门下载

如果ajax在load的时候禁止页面上的其他操作