MVC4 + 引导 + 数据表答案

【问题标题】：MVC4 + Bootstrap + DataTablesMVC4 + 引导 + 数据表
【发布时间】：2012-12-30 16:28:53
【问题描述】：

我创建了一个新的 MVC 4 Web 项目（VS 2012 Express）并安装了 Twitter Bootstrap 包：

PM> 安装包 twitter.bootstrap.mvc4

似乎没问题，但我需要添加 DataTables (http://www.datatables.net/) 但似乎无法正常工作。

我编辑了 _BootstrapLayout.basic.cshtml 文件以包含数据表 js：

<link href="@Styles.Url("~/Content/css-responsive")" rel="stylesheet" type="text/css" />

    <script src="@Url.Content("~/Scripts/jquery-1.8.3.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.dataTables.js")" type="text/javascript"></script>

    @RenderSection("head", required: false)
    @Html.Partial("_html5shiv")

在我看来，我添加了：

<script type="text/javascript" charset="utf-8">
            $(document).ready(function() {
                $('#example').dataTable();
            } );
        </script>

并将Table的ID设置为“example”

它似乎不起作用...视图是由 Visual Studio 自动生成的，所以我也将标签添加到表中...

【问题讨论】：

标签： twitter-bootstrap asp.net-mvc-4 datatables

【解决方案1】：

看起来是包含 JS 文件的问题。

_BootstrapLayout.basic.cshtml 有：

     @Scripts.Render("~/js")

应该是什么时候

     @Scripts.Render("~/Scripts")

这解决了问题。

【讨论】：