Инициализация Datatables для jQuery Возвращение пустой страницы

Использование руководства по инициализации от Datatables.net, независимо от того, какие изменения я пробовал, страница возвращается пустым. Я пробовал размещать файлы, а не использовать CDN, обновлять до самых последних версий jQuery и искать это, но не видел никого другого с этой ошибкой.Инициализация Datatables для jQuery Возвращение пустой страницы

<!-- DataTables CSS --> 
<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.9/css/jquery.dataTables.css"> 

<!-- Initialising DataTables --> 
<? 
$(document).ready(function(){ 
$('#tableDataset').DataTable(); 
}); 
?> 

<table id="tableDataset" class="display"> 
    <thead> 
     <tr> 
      <th>Column 1</th> 
      <th>Column 2</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <td>Row 1 Data 1</td> 
      <td>Row 1 Data 2</td> 
     </tr> 
     <tr> 
      <td>Row 2 Data 1</td> 
      <td>Row 2 Data 2</td> 
     </tr> 
    </tbody> 
</table> 

<!-- jQuery --> 
    <script src="/assets/plugins/dashboard/jquery-1.10.2.min.js" type="text/javascript"></script> 

<!-- DataTables --> 
<script type="text/javascript" charset="utf8" src="//cdn.datatables.net/1.10.9/js/jquery.dataTables.js"></script>

источник

2015-09-25 BrianCurliss

ваш код, кажется, работает отлично: https: // jsfiddle.net/nr71raL7/ – Diptox

Я получаю ошибку 500, когда включаю php – BrianCurliss

Вы обернули onready функции JQuery внутри php открытой закрывающих тегов. Попробуйте изменить его на соответствующий тег <script></script>. Кроме того, если вы загружаете файлы javascript в нижней части страницы, вы должны добавить свои функции после них.

Изменение текущего кода к этому решает проблему (jsFiddle):

<!-- jQuery --> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> 

<!-- DataTables --> 
<script type="text/javascript" charset="utf8" src="//cdn.datatables.net/1.10.9/js/jquery.dataTables.js"></script> 

<!-- Initialising DataTables --> 
<script type="text/javascript"> 
    $(document).ready(function(){ 
     $('#tableDataset').DataTable(); 
    }); 
</script>

источник

2015-09-25 21:17:31 kosmos

Спасибо @kmsdev! Именно там была создана проблема. – BrianCurliss

Изменить код этого и попробовать еще раз

<html> 
    <head> 
     <link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.9/css/jquery.dataTables.css"> 
     <script src="/assets/plugins/dashboard/jquery-1.10.2.min.js" type="text/javascript"></script> 
     <script type="text/javascript" charset="utf8" src="//cdn.datatables.net/1.10.9/js/jquery.dataTables.js"></script> 
    </head> 
    <body> 
     <table id="tableDataset" class="display"> 
      <thead> 
       <tr> 
        <th>Column 1</th> 
        <th>Column 2</th> 
       </tr> 
      </thead> 
      <tbody> 
       <tr> 
        <td>Row 1 Data 1</td> 
        <td>Row 1 Data 2</td> 
       </tr> 
       <tr> 
        <td>Row 2 Data 1</td> 
        <td>Row 2 Data 2</td> 
       </tr> 
      </tbody> 
     </table> 

     <script type="text/javascript"> 
      $(document).ready(function() 
      { 
       $('#tableDataset').DataTable(); 
      }); 
     </script> 

    </body> 
</html>

источник

2015-09-25 21:18:55 Diptox

Инициализация Datatables для jQuery Возвращение пустой страницы

ответ

Смежные вопросы