Question

我有一个mvc 5应用程序。它是将js文件添加到我的项目中的一个问题。

我想使用webgrid（只需要jquery-1.10.2.js来工作）该js文件默认已经存在于mvc5项目中，并且已经呈现但不能正常工作。

我的布局页面（默认mvc5代码）

@Scripts.Render("~/bundles/jquery")

，这在BundleConfig.cs（默认的mvc5代码）

中

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

我用这个

修改了BundleConfig.cs

bundles.Add(new ScriptBundle("~/bundles/jquery").Include(                       "~/Scripts/jquery-1.10.2.js"));

我不得不忘记渲染或添加bundleConfig，我认为这是正确的方法。在我的布局页面中使用它之前没有任何效果：

<script src="~/Scripts/jquery-1.10.2.js" type="text/javascript"></script>

这首先让我觉得出了问题，但我不得不继续这个项目。问题是现在我想使用dataTables而不是webgrid。为此，我需要添加一个新的js（jquery.dataTables.js）

它无法正常添加布局页面的头部或渲染并添加到BunddleConfig ......

这是我在布局页面上的代码

<head>
<script src="~/Scripts/DataTables-1.10.2/media/js/jquery.dataTables.js" type="text/javascript" charset="utf8"></script>
</head>

这是我视图中的代码

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

<table id="myTable">
    <thead>
        <tr>
            <th>Column 1</th>
            <th>Column 2</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Row 1 Data 1</td>
            <td>Row 1 Data 2</td>
        </tr>
        <tr>
            <td>Row 2 Data 1</td>
            <td>Row 2 Data 2</td>
        </tr>
    </tbody>
</table>

当然我将js文件添加到我的项目中。

我得到的错误是

0x800a01b6 - JavaScript运行时错误：对象不接受属性或方法＆＃39; dataTable＆＃39;

Answer 1

我发现了问题

布局页面中有2个渲染部分。

一个在头部，另一个在文件末尾的结束体标记

之前

我在最后渲染，我只是移动到头部，一切正常。

谢谢！

mvc 5应用程序中的JQuery dataTables

1 个答案: