手风琴MVC 4
问题描述:
我试图让我的网页手风琴与this tutorial但没有任何工程。这是我的看法:手风琴MVC 4
@model SGP.Models.Queries
@Scripts.Render("~/bundles/jqueryui")
<script type="text/javascript">
$(function() {
$("#accordion").accordion();
});
</script>
<div id="accordion">
<h3>Assiduidade</h3>
<div>
@using (Html.BeginForm())
{
<table>
<tr>
<th>
@Html.DisplayName("Nome")
</th>
...
</tr>
@foreach (var item in Model.query1)
{
<tr>
<td>
@Html.DisplayFor(modelItem => item.Nome)
</td>
...
</tr>
}
</table>
}
</div>
<h3>Avaliação</h3>
<div>
@using (Html.BeginForm())
{
<table>
<tr>
<th>
@Html.DisplayName("Nome")
</th>
...
</tr>
@foreach (var item in Model.query2)
{
<tr>
...
</tr>
}
</table>
}
</div>
</div>
这是我_Layout.cshtml:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>@ViewBag.Title - SGP</title>
...
@Styles.Render("~/Content/fullcalendar")
@Styles.Render("~/Content/css")
@Scripts.Render("~/bundles/modernizr")
</head>
<body>
<header>
...
</header>
<div id="body">
@RenderSection("featured", required: false)
<section class="content-wrapper main-content clear-fix">
@RenderBody()
</section>
</div>
<footer>
<div class="content-wrapper">
<div class="float-left">
<p>© @DateTime.Now.Year
</div>
</div>
</footer>
@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/jqueryui")
@Scripts.Render("~/Content/themes/base/css", "~/Content/css")
@Scripts.Render("~/bundles/bootstrap")
@Scripts.Render("~/bundles/fullcalendar")
@RenderSection("scripts", required: false)
</body>
</html>
但是当我运行我的应用程序,也没有手风琴。我在教程中添加了jQuery-ui.css和BundleConfig中的代码,但没有任何效果。我究竟做错了什么?由于
答
所有你需要的是包含在你看来jquery
插件和jquery-ui.css
。
另一个解决方案是设置layout
在视顶部。
@{
Layout="~/your_layout_path";
}
这里是工作solution
请告诉我们,如果你在控制台有错误的一个例子。 –
@亚历-IonutMihai没有错误,只有当我运行它不会出现任何手风琴 – dasdasd
你在你的代码的一些错误:你已经在你的'layout'页面加载两次一些库。 –