JQuery的Datatable没有得到初始化
问题描述:
我目前正在用C#构建一个MVC应用程序。我之前在用户概述中使用了Datatable,但是当我想在详细信息页面中使用它时,在部分视图中,它通常不会加载。下面我复制了我的DetailsGroup.cshtml文件中最重要的部分。编码时,我基本上从我的工作总览页面复制/粘贴,但不知何故,它不起作用。JQuery的Datatable没有得到初始化
@{
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文件,该文件还详细信息页面中使用,我用同样的脚本, 如上所述。我不知道是否部分视图可以使用这些,所以我有点复制/粘贴以确保。
编辑:差点忘了。当我运行该应用程序时,我没有收到错误,表格只是轻松加载,没有功能或CSS。如果我打开F12在Chrome,我看到一个红色的遗漏的类型错误:未定义是不是一个函数如果我点击了这个错误,它把我送到
答
我发现我的主详细信息页的< head>标签答案。通过使用父母和部分视图的混合,我最终使用了JQuery两次甚至三次。所以按F12来检查你是否不这样做。
你在哪里HTML为id = #myGroups –
任何控制台错误? –
添加了html和控制台错误的表ID。道歉。 – GillesDV