无法初始化dataTables表：'undefined不是函数'

Question

我正在尝试在我的应用程序中使用示例dataTables表，但在使用标准＆＃39; zero configuration＆＃39;时遇到异常。初始化器。

• 例外是＆＃34;未捕获的TypeError：undefined不是函数＆＃34;
• JQuery和dataTables在执行时都是脚本。
• 除了我已将ID更改为＆＃39; grid＆＃39; （如果有益，可以提供完整的HTML）。

以下是Chrome开发者工具中我的js的屏幕截图：

注意：正在显示Grid.js，而Site.js仅控制对_Layout页面的更改以格式化导航栏。

编辑：要加载jquery和dataTables js文件，我使用的是bundle（MVC BundleConfig.cs）。我在我的_Layout文件的标题中加载了jquery文件，该文件呈现了cshtml Grid。在Grid.cshtml的顶部我正在加载dataTables.js文件。以下是指定包的方式：

bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
                        "~/Scripts/jquery-{version}.js"));
bundles.Add(new ScriptBundle("~/bundles/Grid").Include(
                        "~/Scripts/jquery.dataTables.js",
                        "~/Scripts/Grid.js"));

Answer 1

由于JQuery脚本被添加到页面两次（在顶部和底部）导致dataTables未定义，因此抛出此异常。如果发生这种情况，请检查Source的多个jquery实例，并确保只有一个。