[SOLUCIONADO] PHP DataTables Deferred excepcion

[matiri90]

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
mightThrow@http://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..

[ArturoGallegos]

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:

$(document).ready(function() {
    $('#tabla').DataTable( {
        "scrollY":        "200px",
        "scrollCollapse": true,
        "paging":         false
    } );
} );
 

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:

<script src="../DataTables/js/jquery-3.3.1.js"></script>
 

[matiri90]

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..