MVC4 + Bootstrap + DataTables

Question

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

PM＆GT;安装包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>

并将表的ID设置为“example”

它似乎没有工作......视图是由Visual Studio自动生成的，所以我还将标签添加到表中......

Answer 1

看起来包含JS文件存在问题。

_BootstrapLayout.basic.cshtml有：

     @Scripts.Render("~/js")

应该是什么时候

     @Scripts.Render("~/Scripts")

这解决了这个问题。