Ошибка типа: jQuery (...). DataTable не является функцией - PullRequest
0 голосов
/ 26 апреля 2020

У меня есть эта функция для использования DataTables:

var dataTable;
var dataTables = [];
function make_dataTable() {
    jQuery('table.data-table').each(function() {
        if(jQuery(this).hasClass('new') || jQuery(this).hasClass('old'))
        {

            var _order = [[ 0, "asc" ]];
            dataTable = jQuery(this).DataTable({
                responsive: false,
                pageLength: 25,
                autoWidth: true,
                lengthChange: false,
                columnDefs: [
                    { type: "de_date", targets: 0 }
                ],
                order: _order,
                language: { "url": "//cdn.datatables.net/plug-ins/9dcbecd42ad/i18n/German.json" }
            });
            if (jQuery('table.data-table').length > 0) {
                new jQuery.fn.dataTable.FixedHeader( dataTable );
            }
            dataTables.push(dataTable);
        }
        else {
            var _order = [[ 1, "asc" ]];
            dataTable = jQuery(this).DataTable({
                responsive: false,
                pageLength: 25,
                autoWidth: true,
                lengthChange: false,
                columnDefs: [
                    { type: "de_date", targets: 1 }
                ],
                order: _order,
                language: { "url": "//cdn.datatables.net/plug-ins/9dcbecd42ad/i18n/German.json" }
            });
            if (jQuery('table.data-table').length > 0) {
                new jQuery.fn.dataTable.FixedHeader( dataTable );
            }
            dataTables.push(dataTable);     }
    });
}

Я смотрю здесь, чтобы проверить, правильно ли я выполняю инициализацию: https://datatables.net/manual/installation#Initialising -DataTables Эти файлы я непосредственно включите для приведенного выше фрагмента:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.2/js/bootstrap-select.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<script src="/include/autoresize.jquery.js"></script>
<script src="/include/script.js"></script>

<script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/fixedheader/3.1.5/js/dataTables.fixedHeader.min.js"></script>
<script src="https://cdn.datatables.net/responsive/2.2.3/js/dataTables.responsive.min.js"></script>
<script src="https://cdn.datatables.net/responsive/2.2.3/js/responsive.bootstrap.min.js"></script>
<script src="//cdn.datatables.net/plug-ins/1.10.19/sorting/date-de.js"></script>

Весь этот код находится внизу файла HTML. Сначала включите, затем фрагмент. Я не могу найти ошибку.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...