当按钮位于子行中时，响应式数据表按钮不起作用

Question

我正在使用jQuery DataTable带有响应式选项打开的jQuery DataTable，并且每行的末尾都有一个按钮。当这样显示表格时，该按钮可以正常工作：

https://imagizer.imageshack.com/img923/9383/jfa5hd.png

但是，当这样显示时，按钮不起作用：

https://imagizer.imageshack.com/img921/690/88i9fu.png

这是代码：

$(document).ready(function() {
     var table = $('#libros').DataTable({
        "language": {
        "sProcessing":     "Procesando...",
        "sLengthMenu":     "Mostrar _MENU_  Libros",
        "sZeroRecords":    "No se encontraron resultados",
        "sEmptyTable":     "Ningún dato disponible en esta tabla",
        "sInfo":           "Del _START_ al _END_ de un total de _TOTAL_ Libros",
        "sInfoEmpty":      "Del 0 al 0 de un total de 0 Libros",
        "sInfoFiltered":   "(filtrado de un total de _MAX_ libros)",
        "sInfoPostFix":    "",
        "sSearch":         "Buscar:",
        "sUrl":            "",
        "sInfoThousands":  ",",
        "sLoadingRecords": "Cargando...",
        "oPaginate": {
          "sFirst":    "Primero",
          "sLast":     "Último",
          "sNext":     "Siguiente",
          "sPrevious": "Anterior"
        },
        "oAria": {
          "sSortAscending":  ": Activar para ordenar la columna de manera ascendente",
          "sSortDescending": ": Activar para ordenar la columna de manera descendente"
        }
      },
      "pageLength" : 10,
      responsive: true,
      "ajax": {
        url : "<?php echo base_url("admin/tabla_libro_ajax") ?>",
        type : 'GET'
      },
      "columnDefs": [ {
        "targets": -1,
        "data": null,
        "defaultContent": "<button>Editar</button>"
      } ]
    } );
    $('#libros tbody').on( 'click', 'button', function () {
      var data = table.row( $(this).parents('tr') ).data();
      window.location =  "<?php echo base_url(); ?>" + "admin/libro/" + data[0];
    } );
} );

任何帮助将不胜感激。谢谢！

Answer 1

我解决了：

$('#libros tbody').on( 'click', 'button', function () {
      var closestRow = $(this).closest('tr');
      var data = table.row( $(this).parents(closestRow)).data();
      window.location =  "<?php echo base_url(); ?>" + "admin/libro/" + data[0];
    } );