Jquery datatable в игровой среде - $ ("# пример"). DataTable не функция

Question

Я пытаюсь реализовать таблицы данных JQuery в моем приложении воспроизведения.

Вот мой код

    #{extends 'main.html' /}
    #{set title:'Customers List' /}
    <link rel="stylesheet" media="screen" href="@{'/public/stylesheets/demo_table.css'}">
    <link rel="stylesheet" media="screen" href="@{'/public/stylesheets/demo_page.css'}">
    #{set 'moreScripts'}
    <script src="@{'/public/javascripts/jquery-1.5.2.min.js'}" type="text/javascript" charset="${_response_encoding}"></script>
    <script src="@{'/public/javascripts/jquery.dataTables.js'}" type="text/javascript" charset="${_response_encoding}"></script>
    <script src="@{'/public/javascripts/jquery.js'}" type="text/javascript" charset="${_response_encoding}"></script>
    <script>
        $(document).ready( function() {
            oTable = $('#example').dataTable();
        });
    </script>
    #{/set}
    <div class="others" align="center">
                    <table width="100%" cellpadding="0" cellspacing="0" border="0" class="display" id="example">
                        <thead>
                        <tr>
                                <th>Header1</th>
                                <th>Header2</th>
                        </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>Col1</td>
                                <td>Col2</td>
                            </tr>
                        </tbody>
                    </table>
    </div>

Когда я запускаю страницу, JavaScript выдает ошибку

$("#example").dataTable is not a function

Я проверил все файлы javascript / css.Все файлы были включены.В чем может быть ошибка.

Answer 1

Вы должны загрузить DataTables ПОСЛЕ jQuery в разделе сценариев, и вы должны включать jQuery только один раз.

Попробуйте удалить второй (не минимизированный) запрос для jQuery и посмотрите, как у вас получается.

Answer 2

Есть только две причины ошибки

1. Вы не включили плагин jquery перед подключаемым плагином с датой

2. Вы включили более одного раза плагин jquery

   если проблема не устранена, попробуйте использовать плагин jquery из ссылки cdn http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js и удалите все остальные плагины jquery