Foros del Web » Programando para Internet » PHP »

[SOLUCIONADO] PHP DataTables Deferred excepcion

Estas en el tema de PHP DataTables Deferred excepcion en el foro de PHP en Foros del Web. Buenas, tengo un problema usando DATATABLES.. Me da estos errores.. Código: jQuery.Deferred exception: $(...).DataTable is not a function @http://localhost:81/Logueo/vista/articulos.php:127:11 [email protected]://localhost:81/Logueo/DataTables/js/jquery-3.3.1.js:3534:21 resolve/</process<@http://localhost:81/Logueo/DataTables/js/jquery-3.3.1.js:3602:12 TypeError: $(...).DataTable is not ...
  #1 (permalink)  
Antiguo 18/06/2018, 07:53
 
Fecha de Ingreso: abril-2016
Ubicación: Cordoba
Mensajes: 19
Antigüedad: 2 años, 6 meses
Puntos: 0
PHP DataTables Deferred excepcion

Buenas, tengo un problema usando DATATABLES..

Me da estos errores..
Código:
jQuery.Deferred exception: $(...).DataTable is not a function @http://localhost:81/Logueo/vista/articulos.php:127:11
[email protected]://localhost:81/Logueo/DataTables/js/jquery-3.3.1.js:3534:21
resolve/</process<@http://localhost:81/Logueo/DataTables/js/jquery-3.3.1.js:3602:12
TypeError: $(...).DataTable is not a function
Les dejo el codigo..
Espero me puedan ayudar..

head
Código HTML:
 <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Do+Hyeon|Roboto" rel="stylesheet">

    <link rel="stylesheet" href="assets/fonts/style.css">
    <link rel="stylesheet" href="assets/css/menu.css">
    <link rel="stylesheet" type="text/css" href="assets/css/overhang.min.css">
	<link rel="stylesheet" href="../DataTables/css/jquery.dataTables.min.css"> 
footer
Código HTML:
<script src="../DataTables/js/jquery-3.3.1.js"></script>
	<script src="../DataTables/js/jquery.dataTables.min.js"></script>
	<script type="text/javascript">
$(document).ready(function() {
    $('#tabla').DataTable( {
        "scrollY":        "200px",
        "scrollCollapse": true,
        "paging":         false
    } );
} );
</script>	
	
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<!-- <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script> -->
<script type="text/javascript" src="assets/js/overhang.min.js"></script>
<script type="text/javascript" src="assets/js/menu.js"></script>
<script src="assets/js/app.js"></script>
<script src="assets/js/main.js"></script> 
Desde ya, gracias..
  #2 (permalink)  
Antiguo 18/06/2018, 08:18
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.126
Antigüedad: 10 años, 7 meses
Puntos: 1000
Respuesta: PHP DataTables Deferred excepcion

Para empezar este es tema de javascript no de PHP

Estas duplicando jquery saca uno de estos dos, jquery debe ejecutarse antes de tu librería de datatables... revisa la jerarquía
<script src="../DataTables/js/jquery-3.3.1.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>


en lo personal esto en la mayoría de los casos me da errores y problemas
Código Javascript:
Ver original
  1. $(document).ready(function() {
  2.     $('#tabla').DataTable( {
  3.         "scrollY":        "200px",
  4.         "scrollCollapse": true,
  5.         "paging":         false
  6.     } );
  7. } );

te recomiendo hacer uso de jQuery.noConflict(); para prevenir errores.

También si decides dejar esta librería, asegurate que la ruta sea correcta., me parece que puedes tener error al cargar ese archivo.
Código HTML:
Ver original
  1. <script src="../DataTables/js/jquery-3.3.1.js"></script>
__________________
Toda ayuda se proporciona exclusivamente en el foro, no skype, no mensajes privados u otro medio....
  #3 (permalink)  
Antiguo 19/06/2018, 05:13
 
Fecha de Ingreso: abril-2016
Ubicación: Cordoba
Mensajes: 19
Antigüedad: 2 años, 6 meses
Puntos: 0
Respuesta: PHP DataTables Deferred excepcion

ArturoGallegos, muchas gracias!.

Código:
Para empezar este es tema de javascript no de PHP
Pido disculpas..

Dejo el codigo.. Modifique solo el footer..

Código HTML:
<script src="../DataTables/js/jquery-3.3.1.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
	<script src="../DataTables/js/jquery.dataTables.min.js"></script>
	<script type="text/javascript">
	var resolverProblema=jQuery.noConflict();
resolverProblema(document).ready(function() {
    resolverProblema('#tabla').DataTable( {
        "scrollY":        "200px",
        "scrollCollapse": true,
        "paging":         false
    } );
} );
</script>	
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<!-- <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script> -->
<script type="text/javascript" src="assets/js/overhang.min.js"></script>
<script type="text/javascript" src="assets/js/menu.js"></script>
<script src="assets/js/app.js"></script>
<script src="assets/js/main.js"></script> 
Nuevamente gracias!. Tendre mas cuidado la proxima vez..



La zona horaria es GMT -6. Ahora son las 04:34.