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

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

解决方案 »

  1.   

    第一种  最简单的方法就是把ajax射程同步  
    不过这样会导致页面停滞 第二种就是1楼的方法  搞个遮罩层  就可以了   建议还是弄遮罩层比较友好
      

  2.   

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

  3.   

    cssposition:absolute;
    left:0;
    top:0;
     width:100%;
    height:100%;
    z-index:10000;
    background-color:gray;在页面body里创建一个div(最好是body的子元素)  用上面的css就可以了
      

  4.   

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

  5.   

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

  6.   

    分页栏？
    可以啊 假如你分2栏
    <body>
      <div>分栏1的内容</div>
      <div>分栏2的内容</div>
    </body>你想遮罩分栏2的话 
    <body>
      <div>分栏1</div>
      <div class="fenlan2">
        <div class="zhezhao">分栏2的遮罩层<div>
        分栏2的内容
      </div>
    </body>.fenlan2{
      position:relative;
    }
    .zhezhao{
    position:relative;
    float:left;
     width:分栏2的宽度;
    height:分栏2的高度;
    z-index:10000;
    background-color:gray;
    }手写的  自己试验下吧
      

  7.   

    改下  直接100%就可以  本来这个遮罩层就是分栏2的子元素  不用刻意去设置
    .zhezhao{
    position:relative;
    float:left;
     width:100%;
    height:100%;
    z-index:10000;
    background-color:gray;
    }
      

  8.   

    嗯嗯 我也在想relative应该就可以了 我自己去试试看我的那个分页栏是指 翻页的    上一页 1 2 3 4 下一页原理应该是一样的 我试试看 谢谢先不结贴 有问题在继续问哈