jquery无法识别变量表中的表id

Question

一直在用jQuery数据表达式挣扎。 https://datatables.net/

.js和引导链接和文件是正确的，因为如果表和它的内容在div内，整个JQuery分页数据表工作。

脚本代码如下：

$(document).ready(function() { 
    $('#example').DataTable({ 
     "pagingType": "full_numbers" 
    }); 
}); 

则有：

function generateTable(){ 
var table = "<table id='example' class='display' cellspacing='0' width='100%'>" 

后

，用户表信息使用JSON阅读并投入表作为

table += 

最后，将整个表格变量放到div中：

$("#myDiv").append($(table)); 

！该函数无法识别id ='example'！ 什么可以改变，所以它可以识别？

赞同据说，如果数据直接放到div，带有CSS的数据表格会正确生成。

感谢

做出了产品总数单独的函数

function dataTable() { 
$('#example').DataTable({ 
     "pagingType": "full_numbers" 
    }); 
} 

，并呼吁它generateTable（）之后，并没有工作。

Answer 1

你可以尝试：

function generateTable(data){ 
    if(data.lenght > 0){ 
     var table = "<table id='example' class='display' cellspacing='0' width='100%'>"; 
     //*** the rest of the code/use table += data... *** 
     table += "</table>"; //close the element to make it a valid element! 
    } 
    else { 
     table = <table id='example' class='display' style="display:none;"></table>"; //so it is a valid element 
    } 
} 
$(document).ready(function() { 
    $.getJSON("your call") 
     .done(function(json) { 
      generateTable(json);//when the document is ready, it should be call so it can be append... 
     }) 
     .fail(function(jqxhr, textStatus, error) { 
      generateTable("");//when the document is ready, it should be call so it can be append... 
    }); 

    $("#myDiv").append($(table)); // then you append it 

    //now you can use it, because now is part of the DOM. 
    $('#example').DataTable({ 
     "pagingType": "full_numbers" 
    }); 
}); 

一样，如果它是不是会创建返回JSON后的表或一个空表。希望它可以帮助你。