JQuery не может распознать идентификатор таблицы из переменной

Question

Были проблемы с JQuery datatable. https://datatables.net/

. Ссылки и файлы .js и bootstrap верны, потому что целая страница JQuery pagination datatable работает, если таблица и ее содержимое находятся внутри div.

Код скрипта следовать:

$(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'! Что можно изменить так, он может распознать?

Как было сказано, таблица данных с CSS генерируется правильно, если данные передаются непосредственно в div.

Благодаря

Сделали ALLtogether отдельной функции

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 возвращается или пустую таблицу, если это не так. Надеюсь, это поможет вам.