jQuery DataTable在ASP.NET MVC中不起作用？

我有一个带有简单表的index.cshtml文件.我下载了css文件和dataTable插件的min js文件.我将以下代码放在BundleConfig.cs中：

bundles.Add(new ScriptBundle("~/bundles/table").Include(
                        "~/Scripts/jquery.dataTables.min.js"));

 bundles.Add(new StyleBundle("~/Content/themes/base/css").Include(
                        "~/Content/themes/base/jquery.ui.core.css","~/Content/themes/base/jquery.ui.resizable.css","~/Content/themes/base/jquery.ui.selectable.css","~/Content/themes/base/jquery.ui.accordion.css","~/Content/themes/base/jquery.ui.autocomplete.css","~/Content/themes/base/jquery.ui.button.css","~/Content/themes/base/jquery.ui.dialog.css","~/Content/themes/base/jquery.ui.slider.css","~/Content/themes/base/jquery.ui.tabs.css","~/Content/themes/base/jquery.ui.datepicker.css","~/Content/themes/base/jquery.ui.progressbar.css","~/Content/themes/base/jquery.ui.theme.css","~/Content/themes/base/jquery.dataTables.css"));
        }

在我的_Layout.cshtml中,我有这个：

@Styles.Render("~/Content/css")
@Scripts.Render("~/bundles/modernizr")
@Scripts.Render("~/bundles/table")

最后,在我的index.cshtml中,我将以下代码放在我的表上方：

<script type="text/javascript">
    $(document).ready(function () {
        $('#patients').dataTable();
    });
    </script>

我注意到当我运行带有表的页面并查看源代码时,我看到底部的jquery文件和顶部的脚本,所以我得到错误：

未捕获的ReferenceError：$未定义

BundleConfig是添加新js和css文件的正确位置吗？如果我不希望它在那里,我该怎么做？为什么jquery脚本在页面底部运行？

我在_Layout.cshtml中添加了以下内容：

@Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/modernizr")
    @Scripts.Render("~/bundles/table")

但现在我收到这个错误：

未捕获的TypeError：对象[object Object]没有方法’dataTable’

当我查看源代码时,我看到dataTables.min.js不在那里,但我已将它包含在bundle / table中.

解决方法

默认情况下,如果您的web.config中有Debug =“True”,则最小化的javascript文件不会包含在捆绑包中.将其添加到BundleConfig.cs(或使用非缩小的javascript文件,或以非调试模式运行)：

#if DEBUG
            //by default all minimized files are ignored in DEBUG mode. This will stop that.
            bundles.IgnoreList.Clear();
#endif

附加信息：Bundler not including .min files

jQuery DataTable在ASP.NET MVC中不起作用？

解决方法

猜你在找的jQuery相关文章