c# - 防止在导航 ASP.net MVC 5.xx 上重新加载整页
问题描述
在开发开始时,我能够在我的网站中从一个页面导航到另一个页面,而无需重新加载整个页面。由于未知原因,经过一天的开发,我无法在页面之间导航而没有布局闪烁/整页重新加载。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>@ViewBag.Title - Vertikal Elagage</title>
@Styles.Render("~/Content/css")
@Scripts.Render("~/bundles/modernizr")
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">
<link href="~/Content/materialize/css/materialize.min.css" rel="stylesheet"
type="text/css" />
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300&display=swap" rel="stylesheet">
<link href="~/Content/fontawesome.css" rel="stylesheet" />
<script src="https://use.fontawesome.com/a9869f94dd.js"></script>
</head>
<body>
@*<div id="navbar_header" class="navbar_header"></div>*@
<div id="navbar_fixed" class="navbar-fixed navbar_padding">
<nav class="nav-extended">
<div class="nav-wrapper">
<a href="#" class="brand-logo">Logo</a>
<ul id="nav-mobile" class="right hide-on-med-and-down">
<li class="@(ViewContext.RouteData.Values["Action"].ToString() == "Index" ? "active" : "")">@Html.ActionLink("Accueil", "Index", "Home", null, new { @class = "tab" })</li>
<li class="@(ViewContext.RouteData.Values["Action"].ToString() == "About" ? "active" : "")">@Html.ActionLink("Qui sommes-nous ?", "About", "Home", null, new { @class = "tab" })</li>
<li class="@(ViewContext.RouteData.Values["Action"].ToString() == "Pruning" ? "active" : "")">@Html.ActionLink("Elagage", "Pruning", "Home", null, new { @class = "tab" })</li>
<li class="@(ViewContext.RouteData.Values["Action"].ToString() == "Felling" ? "active" : "")">@Html.ActionLink("Abbatage", "Felling", "Home", null, new { @class = "tab" })</li>
<li class="@(ViewContext.RouteData.Values["Action"].ToString() == "Landscaping" ? "active" : "")">@Html.ActionLink("Paysagisme", "Landscaping", "Home", null, new { @class = "tab" })</li>
<li>@Html.ActionLink("Galerie", "Contact", "Home")</li>
<li>@Html.ActionLink("Contact", "Contact", "Home")</li>
</ul>
</div>
</nav>
</div>
<div class="container body-content">
@RenderBody()
<hr />
</div>
<footer class="layout_footer">
<div class="row mb-0">
<div class="col-12 col-md-4 p-2 p-md-3 d-flex align-items-center flex-column">
<h4>Social</h4>
<p>Suivez nous sur les réseaux sociaux pour prendre connaissance de nos projets et chantiers sur l'île !</p>
<p>Vous pourrez y voir nos dernières réalisations, avec des photos comparatives !</p>
<div class="row mt-4 mt-md-0">
<div class="col-12 p-0 p-md-3 d-flex flex-row justify-content-around">
<div class="social_round">
<i class="fa fa-facebook-f social_icon"></i>
</div>
<div class="social_round">
<i class="fa fa-instagram social_icon"></i>
</div>
<div class="social_round">
<i class="fa fa-twitter social_icon"></i>
</div>
</div>
</div>
</div>
<div class="col-12 col-md-4 p-2 p-md-3 d-flex align-items-center flex-column">
<h4>Horaires</h4>
<div class="d-flex justify-content-between align-items-center w-90 w-md-50 opening_time_container">
<p class="opening_time">Lundi-jeudi</p>
<p>07h00 - 17h00</p>
</div>
<div class="d-flex justify-content-between align-items-center w-90 w-md-50 opening_time_container">
<p class="opening_time">Vendredi</p>
<p>07h00 - 16h00</p>
</div>
<div class="d-flex justify-content-between align-items-center w-90 w-md-50 opening_time_container">
<p class="opening_time">Samedi</p>
<p>08h00 - 12h00</p>
</div>
</div>
<div class="col-12 col-md-4 p-2 p-md-3 d-flex align-items-center flex-column">
<h4>Contact</h4>
<div class="d-flex justify-content-between align-items-center w-90 opening_time_container">
<p class="opening_time">Adresse</p>
<p>Piton saint-leu</p>
</div>
<div class="d-flex justify-content-between align-items-center w-90 w-md-50 opening_time_container">
<p class="opening_time">Téléphone</p>
<p>+262 692 92 64 77</p>
</div>
<div class="d-flex justify-content-between align-items-center w-90 w-md-50 opening_time_container">
<p class="opening_time">Email</p>
<p>velluetl@gmail.com</p>
</div>
</div>
</div>
<span>© @DateTime.Now.Year - Lucas Velluet Vertikal Elagage 974 La Réunion</span>
</footer>
@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/bootstrap")
@RenderSection("scripts", required: false)
@* <script src="~/Scripts/customScript.js" language="javascript" type="text/javascript"></script>*@
</body>
</html>
我无法弄清楚我做了什么改变来打破我在开始时从模板中获得的正常行为(只有身体重新渲染)。
解决方案
推荐阅读
- javascript - 如何使用 JS 对 dygraph 中的日期进行降序排序?
- ios - 如何在一个部分中组合相同的日期对象?
- azure - Azure 应用服务未将 Gitlab 容器注册表配置作为私有存储库
- ajax - Magento 2.2 Ajax 在类别页面中第二次无法正常工作
- excel - SQLite3 ODBC 驱动程序 - Access / Excel 逗号而不是点
- android - JobIntentService 不适用于 Oreo 以下的 API (API <= 26)
- java - 侦听器从元素获取文本(如果存在)
- sql - 将部分数据从一个数据库迁移到 SQL Server 中的另一个数据库
- javascript - 如何处理快速路线中的多个参数
- twig - 在 TWIG 中创建包含“raw”功能的过滤器