gpt4 book ai didi

jquery - 将 jQuery DataTable 添加到 Asp.NET MVC 4 项目

转载 作者:行者123 更新时间:2023-12-01 02:44:15 25 4
gpt4 key购买 nike

我想将 jQuery DataTable ( http://www.datatables.net/ ) 添加到我的 mvc4 站点。但这是行不通的。不显示任何内容,表格看起来就像添加脚本之前一样。

FireBug 显示错误:

TypeError: $(...).dataTable is not a function

**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>

}

关于jquery - 将 jQuery DataTable 添加到 Asp.NET MVC 4 项目,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15905328/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com