【问题标题】:Datatable is not a function, cant recognize jsdatatable不是函数,无法识别js
【发布时间】:2019-04-26 18:17:05
【问题描述】:

我在使用数据表时遇到了一点问题。

我想我已经先用 jquery 声明了我的来源,然后是数据表(我在他们的网站上检索包含最新版本的链接)但是当我加载网页时,我总是有相同的错误消息:

Uncaught SyntaxError: Unexpected token { jQuery.Deferred exception: $ (...)。 DataTable 不是函数 TypeError: $ (...)。数据表是 不是函数 在 HTML 文档。 (https://localhost:44338/事件:87:27) 在 l (https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js:2:29375) 在 c (https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js:2:29677) 未定义

这显然是一个已知问题,经过一番研究我意识到但我仍然无法解决它......

@model IEnumerable<jak.formulaire.Models.Events>
@* Datatable of Events member *@
<table id="example" class="display" style="width:100%">
    <thead>
        <tr>
            <th>Event name</th>
            <th>Status</th>
        </tr>
    </thead>
</table>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css"></script>
<script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>

@section Scripts{
    <script>
        $(document).ready(function () {
            $('#example').DataTable();
        });
    </script>
}

编辑//我发布网络结果的图像。

【问题讨论】:

  • 您包含 2 个 jQuery 副本。删除第二个。
  • 是的,这就是我强硬的原因,但是当我删除“
  • 删除第二个 jquery.js
  • 谢谢你的帮助,我只有一个 jquery.js 但我只需要将我的引用放在@section Scripts{} 中。

标签: javascript jquery asp.net-mvc datatable datatables


【解决方案1】:

好的,我设法找到了解决方法!

我必须包括这个:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.css">
<script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.js"></script>

@section Scripts{}内部

【讨论】:

    【解决方案2】:

    是laravel框架吗?如果是请

     <script src="{{ asset('js/app.js') }}" **defer**></script>
    

    删除js文件后的defer key。

    【讨论】:

      猜你喜欢
      • 2012-12-06
      • 1970-01-01
      • 1970-01-01
      • 2011-07-10
      • 2017-06-04
      • 1970-01-01
      • 1970-01-01
      • 2013-09-20
      • 1970-01-01
      相关资源
      最近更新 更多