JQuery 的数据表未初始化

Question

我目前正在使用 C# 构建 MVC 应用程序。我以前在我的用户概览中使用过Datatable，但是当我想在详细信息页面中使用它时，在局部视图中，它经常加载不出来。下面我复制了 DetailsGroup.cshtml 文件中最重要的部分。在编码时，我基本上 copy/pasted 来自我的工作概述页面，但不知何故它不起作用。

@{
Layout = "~/Views/Shared/_LayoutWithoutNavBar.cshtml";
}

<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.5/css/jquery.dataTables.css" />
<html> 
....
<table id="myGroups">
....
</html>

@section scripts {
<!-- DataTables -->
<script type="text/javascript" charset="utf8" src="//cdn.datatables.net/1.10.5/js/jquery.dataTables.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        //onderstaand lijntje is om een deftige dataTable te initialiseren
        $('#myGroups').DataTable({
            "searching": false,
            "pageLength": 25
        });
    });

</script>
}

在我的 _LayoutWithoutNavBar.cshtml 文件中有以下代码：

<head>
    ...
    @Styles.Render("~/Content/bootstrap-theme.min.css")
    @Styles.Render("~/Content/bootstrap.min.css")
    @Scripts.Render("~/bundles/modernizr")


</head>
<body role="document">
    <div id="mainBody" class="giveMeSomeSpace">
        @Scripts.Render("~/bundles/jquery")
        @Scripts.Render("~/bundles/jqueryui")
        @Scripts.Render("~/bundles/jqueryval")

        @RenderSection("scripts", required: false)

        @Styles.Render("~/Content/themes/base/css")
        @RenderBody()


    </div>
</body>
</html>

在我的主 _Layout.cshtml 文件中，它也用在详细信息页面中，我使用与上述相同的脚本。我不知道局部视图是否可以使用它们，所以我有点 copy/pasted 可以肯定。

编辑：差点忘了。当我运行应用程序时，我没有收到错误，table 只是草草加载，没有功能或 css。如果我在 Chrome 上打开 F12，我会看到一个红色的 Uncaught TypeError: undefined is not a function 如果我点击那个错误，它会将我发送到标签我的主要详细信息页面

Answer 1

我找到了答案。通过混合使用父视图和部分视图，我最终使用了 JQuery 两次甚至三次。所以按F12检查你是否不这样做。

JQuery 的数据表未初始化

JQuery's Datatable doesn't get initialized

c#

asp.net-mvc

datatable

jquery

jquery-datatables