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沒有得到初始化

回答

相關問題