function buttonControl(currentP,totalP){ //翻页按钮的可用与禁用 if(totalP == 1){ $("#rpbtn").attr("disabled", true); $("#fpbtn").attr("disabled", true); $("#npbtn").attr("disabled", true); $("#lpbtn").attr("disabled", true); return; } if(currentP <= 0){ $("#rpbtn").attr("disabled", true); $("#fpbtn").attr("disabled", true); $("#npbtn").removeAttr("disabled"); $("#lpbtn").removeAttr("disabled"); } if(currentP >= totalP-1){ $("#npbtn").attr("disabled", true); $("#lpbtn").attr("disabled", true); $("#fpbtn").removeAttr("disabled"); $("#rpbtn").removeAttr("disabled"); } if(currentP>0 && currentP<totalP-1){ $("#npbtn").removeAttr("disabled"); $("#lpbtn").removeAttr("disabled"); $("#fpbtn").removeAttr("disabled"); $("#rpbtn").removeAttr("disabled"); } } //改变页码 function changeShowedPage(currentPage, total){ var totalPage; if(total%rows ==0 ){ totalPage = total/rows; }else{ totalPage = parseInt(total/rows)+1; } $("#pagemsg").html("当前" + currentPage + "https://www.jb51.net/" +totalPage + "页, 共"+total+"条记录"); return totalPage; } //////////////////////////////////////分页function结束///////////////////////////////// function deleteTask(id,theme){ // alert(id+" "+theme); layui.use('layer', function(){ var layer = layui.layer; layer.open({ title:'确认' ,offset:'100px' ,content:'确定删除'+theme+'？' ,btn: ['确定','取消'] //按钮 ,yes:function(){ //console.log("12345"); $.post("ADTasks.ered?reqCode=deleteTask", { loginuserid:userId, id:id },function(result){ alert(result.msg); },"json" ) page = 0; rewriteTable(page,rows,1); layer.closeAll(); } }); }); }
注意事项
1、layer官网称layer支持IE8，但我无法调试成功，因此还是使用了layui中的弹窗方式。在IE8下，弹窗可能出现位置的偏移，需要在<head>中添加如下语句<meta http-equiv="x-ua-compatible" content="ie=8" />
2、jquery在IE8中需使用1.9.0以下的版本，而layui下需要1.8.0.以上的版本，所以jquery只能使用1.8.x
3、注意js中标红的部分，在IE8下，$(element).append()操作需要在一个append下写全一段代码，即IE8不支持红色代码的形式，而红色代码上面那种形式就可以。（FF、chrome支持红色代码的写法）
以上这篇layui+jquery支持IE8的表格分页方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
您可能感兴趣的文章: