Кнопка JQuery datatables не работает?

Question

Вот мой скриншот:

Это мой следующий код:

<link href="https://cdn.datatables.net/1.10.13/css/jquery.dataTables.min.css" rel="stylesheet"> 
<link href="https://cdn.datatables.net/buttons/1.2.4/css/buttons.dataTables.min.css" rel="stylesheet"> 


     <table id="example" class="display" cellspacing="0" width="100%"> 
     <thead> 
      <tr> 
       <th>Name</th> 
       <th>Position</th> 
       <th>Office</th> 
      </tr> 
     </thead> 
     <tbody> 
      <tr> 
       <td>Tiger Nixon</td> 
       <td>System Architect</td> 
       <td>Edinburgh</td> 

      </tr> 
      <tr> 
       <td>Garrett Winters</td> 
       <td>Accountant</td> 
       <td>Tokyo</td> 

      </tr> 
      </tbody> 
      </table> 

<script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
<script src="https://cdn.datatables.net/1.10.13/js/jquery.dataTables.min.js"></script 
<Script src="https://cdn.datatables.net/buttons/1.2.4/js/dataTables.buttons.min.js"></script> 


<script> 
$(document).ready(function() { 
    $('#example').DataTable({ 
     dom: 'Bfrtip', 
     buttons: [ 
      { 
       text: 'My button', 
       action: function (e, dt, node, config) { 
        alert('Button activated'); 
       } 
      } 
     ] 
    }); 
}); 
</script> 

Я пытаюсь использовать этот код из https://datatables.net/extensions/buttons/custom. Я не знаю, почему my button кнопка не отображается. Мне было интересно, почему этот код не работает. Может кто-нибудь, пожалуйста, скажите мне, как использовать кнопку jQuery DataTables?

Answer 1

<script src="https://cdn.datatables.net/1.10.13/js/jquery.dataTables.min.js"></script> 
<script src="https://cdn.datatables.net/buttons/1.2.4/js/dataTables.buttons.min.js"></script> 

у вас есть сценарий ошибки. Попробуй это.

Скриншот: http://prntscr.com/eazm0r

Answer 2

Вы не закрыта script tag вы недостающий > снизу script tag

<script src="https://cdn.datatables.net/1.10.13/js/jquery.dataTables.min.js"></script>