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，我看到一个红色的遗漏的类型错误：未定义是不是一个函数如果我点击了这个错误，它把我送到

来源

2015-04-07 GillesDV

你在哪里HTML为id = #myGroups –

任何控制台错误？ –

添加了html和控制台错误的表ID。道歉。 – GillesDV

我发现我的主详细信息页的< head>标签答案。通过使用父母和部分视图的混合，我最终使用了JQuery两次甚至三次。所以按F12来检查你是否不这样做。

来源

2015-04-07 12:37:58 GillesDV

JQuery的Datatable没有得到初始化

回答

相关问题