Question

我正在用laravel 5.6做一个项目，我不知道datables是否与这个版本的框架不兼容，因为我有另一个laravel 5.4系统，datable完美地工作< / p>

但是在这个版本中我收到了这个错误

未捕获TypeError：$（...）。DataTable不是函数在HTMLDocument。（list.js：3）在我（jquery.min.js：2） at Object.fireWith [as resolveWith]（jquery.min.js：2）在Function.ready（jquery.min.js：2）在HTMLDocument.J（jquery.min.js：2）

我的代码与版本5.4中的代码完全相同

@extends('layouts.app')

@section('content')
<div class="container">
        <div class="row">
            <div class="col-md-12">
                <table id="table">
                    <thead>
                        <tr>
                            <th>CI</th>
                            <th>Name</th>
                            <th>Last Name</th>
                            <th>Position</th>
                            <th>Client</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($users as $user)
                            <tr>
                                <td>{{$user->ci}}</td>
                                <td>{{$user->name}}</td>
                                <td>{{$user->last_name}}</td>
                                <td>{{$user->position->CAR_DESCRI}}</td>
                                <td>{{$user->client->GTR_DESCRI}}</td>
                                <td><a href="{{ route('detailUser', ['user_id' => $user->ci]) }}"><i class="fas fa-user"></i></a></td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
@endsection

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



 @section('js')
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.3/jquery.min.js"></script>
        <script src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>
        <script src="{{ asset('js/users/list.js') }}"></script>
    @endsection

我知道当我不附加jquery时会出现此错误，但我在这里。我能做什么？

文件list.js中的

是对数据

的调用

档案list.js

$(document).ready(function() {

    $('#table').DataTable({
        language: {
            "sProcessing":     "Procesando...",
            "sLengthMenu":     "Mostrar _MENU_ registros",
            "sZeroRecords":    "No se encontraron resultados",
            "sEmptyTable":     "Ningún dato disponible en esta tabla",
            "sInfo":           "Mostrando registros del _START_ al _END_ de un total de _TOTAL_ registros",
            "sInfoEmpty":      "Mostrando registros del 0 al 0 de un total de 0 registros",
            "sInfoFiltered":   "(filtrado de un total de _MAX_ registros)",
            "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"
            }
        }
    });

});

datables与laravel 5.6不兼容？

0 个答案: