解决datatable中一个页面有多个初始化datatable分页问题

<ul>

    <li id="0"></li>

    <li id="1"></li>

    <li id="2"></li>

</ul>

如果每一个li初始化一个新的表格，就给li加上不同的id值，然后在代码中点击获取id值 动态初始化表格

$('ul li').click(function(){
var tableIndex = $(this).attr("id");
switch (tableIndex)
{
case '0':
tableId = $("#myTable1").dataTable();  

  break;
case '1':
tableId = $("#myTable2").dataTable();  

  break;
case '2':
tableId = $("#myTable3").dataTable();  

  break;
case '3':
tableId = $("#myTable4").dataTable();  

  break;
}

});

然后在写入分页函数

function appendSkipPage() {  
$('.paginate_jump').remove();
    var template =  
        $("<li class='paginate_jump active'>" +  
            "   <div class='input-group' style='margin-left:3px;'>" +  
            "       <span class='input-group-addon' style='padding:0px 8px;background-color:#fff;font-size: 12px;'>跳转页</span>" +  
            "       <input type='text' class='form-control' style='text-align:center;padding: 8px 2px;height:30px;width:40px;' />" +   
            "   </div>" +  
            "</li>");  
  
    template.find(".form-control").keyup(function(e){
        if(e.keyCode==13){
         if($(this).val() && $(this).val()>0){
                var redirectpage = $(this).val()-1;
            }else{
                var redirectpage = 0;
            }
        tableId.fnPageChange( redirectpage );
        }
    });  
    $("ul.pagination").append(template);  

}; 

在每一个表格初始化后都写入fnDrawCallback

 "fnDrawCallback": function () {  
            appendSkipPage();  

        }, 

这样就可以了