use*_*034 2 jquery asp.net-mvc-4
我想在我的mvc4网站上添加jQuery DataTable(http://www.datatables.net/).但它不起作用.在添加脚本之前没有显示任何内容,表格看起来像.
FireBug显示错误:
TypeError:$(...).dataTable不是函数
**Admin_panel.cshtml**
@model IEnumerable<Rejestracja_imprez.Models.User>
@{
Layout = "~/Views/Shared/_PanelAdmin.cshtml";
ViewBag.Title = "Admin";
}
<script src="~/Scripts/jquery-1.8.2.min.js" type="text/javascript"></script>
<script src="~/Scripts/jquery.dataTables.js" type="text/javascript"></script>
<link href="~/Content/themes/base/jquery.dataTables.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript">
$(document).ready(function () {
$('#myDataTable').dataTable();
});
</script>
<table id="myDataTable">
....
在HTML页面中它很好用.
<html>
<head>
<style type="text/css" title="currentStyle">
@import "../../media/css/jquery.dataTables.css";
</style>
<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
$('#example').dataTable();
} );
</script>
</head>
<body >
<table id="example" >
...
问题解决了; D.
我将jQuery脚本添加到App_Start文件夹中的BundleConfig.cs.
**BundleConfig.cs**
bundles.Add(new ScriptBundle("~/bundles/table").Include(
"~/Scripts/jquery.dataTables.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.dataTables.css"));
在Admin_panel.cshtml中,我添加:
**Admin_panel.cshtml**
@section Scripts {
@Styles.Render("~/Content/themes/base/css")
@Scripts.Render("~/bundles/table")
<script>
$(document).ready(function () {
$('#myDataTable').dataTable();
});
</script>
}