hola gente,
estoy teniendo un problemilla con el datatables jquery y codeigniter, tengo mi html que es este:
en mi php tengo esto:
Código PHP:
Ver original$tabla = $this->Players->playerAll();
$tabla->add_column('edit', '<a href="jugadores/editar/$1"><i class="glyphicon glyphicon-edit" title="Editar"></i></a>
<a href="#jugadores/borrar/$1" class="del" id="delete"><i class="glyphicon glyphicon-trash" title="Editar"></i></a>
<a id="view" href="jugadores/ver/$1"><i class="glyphicon glyphicon-eye-open" title="Ver info"></i></a>', 'u.id');
$results = $tabla->generate('json');
El cual genera las filas (en la columna acciones agrega los links ) de la tabla html que tiene el siguiente código:
Código HTML:
Ver original<ol class="breadcrumb bc-3"> <a href="<?php echo base_url('admin');?>">
<i class="entypo-home"></i>Inicio
</a>
<h2>Listado de Jugadores
</h2> <?php
if(alert())
{?>
<?php echo alert();?>
<?php
}
?>
<table class="table table-bordered datatable" id="table-1">
dentro de esa vista tengo este codigo js:
Código Javascript
:
Ver original<script type="text/javascript">
$(function() {
console.log('hola');
$("#delete").click(function(e) {
console.log('entro');
return false;
e.preventDefault();
var url = $(".delete").attr('href');
$('#modal-4').modal('show', {backdrop: 'statuc'});
});
});
jQuery(document).ready(function($)
{
$("#table-1").dataTable({
"sPaginationType": "bootstrap",
"iDisplayLength": 5,
"aLengthMenu": [[5,10, 25, 50, -1], [5,10, 25, 50, "Todos"]],
"bStateSave": true,
"bProcessing": true,
"bServerSide": true,
"sAjaxSource": '<?php echo base_url(); ?>admin/jugadores/list_all',
"fnInitComplete": function () {
},
'fnServerData': function (sSource, aoData, fnCallback) {
$.ajax
({
'dataType': 'json',
'type': 'POST',
'url': sSource,
'data': aoData,
'success': fnCallback
});
}
}
);
$(".dataTables_wrapper select").select2({
minimumResultsForSearch: -1
});
});
</script>
Lo que no me esta funcinando es que cuando hago click en el link para borrar deberia mostrar el modal (mas alla del return false que hay ahora) y no muestra nada. En la consola me muestra "hola" por ende el jquery lo toma bien, pero no me muestra "entro", y no entiendo porque me hace eso. Será porque a las filas las carga por json?
Espero que me puedan dar una mano....
Desde ya muchas gracias!