MVC5应用程序中的JQuery dataTables
MVC5应用程序中的JQuery dataTables
提问于 2014-08-14 20:43:39
我有一个MVC5应用程序。将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运行时错误:对象不接受属性或方法'dataTable‘
回答 1
Stack Overflow用户
发布于 2014-08-14 22:30:52
我发现了问题
布局页面中有2个渲染部分。
一个在文件的头部，另一个在文件末尾，在end body标签之前
我在最后渲染，我只是移动到头部，一切都很好。
谢谢你!！
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/25308365
复制相关文章
相似问题
腾讯云开发者
