BootStrap导航栏重新加载每个导航点击

问题描述：

我有一个twitter引导程序导航栏，但加班我浏览一个链接，它显然是重载导航栏与其他一切。不是不应该这样做吗？如果没有，我希望它。我不确定也许如果我在我的_Layout中做错了什么。关于为什么我的导航栏可以重新加载的任何想法？BootStrap导航栏重新加载每个导航点击

  <link href="../../bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css" /> 
    <link href="../../bootstrap/css/bootstrap-responsive.css" rel="stylesheet" type="text/css" /> 
    <script src="@Url.Content("~/Scripts/jquery-1.7.1.min.js")" type="text/javascript"></script> 
    <script src="@Url.Content("~/Scripts/dt-min.js")" type="text/javascript"></script> 

    <link href="../../Content/Reflection.css" rel="stylesheet" type="text/css" /> 
    @Styles.Render("~/Content/themes/base/css", "~/Content/css") 
    @Scripts.Render("~/bundles/modernizr") 

</head> 
<body> 
    <header> 
     <div class="navbar"> 
      <div class="navbar-inner"> 
     <div class="container"> 
      <div class="float-left" style="width:315px"> 
       <p class="site-title">@Html.ActionLink("Kinfolk", "Index", "Home", new { @style = "color:Orange" })</p> 
      </div> 

      <div class="float-center"> 
       <section id="login"> 
        @Html.Partial("_LoginPartial") 
       </section> 
       <nav> 

        <ul id="menu" class="nav"> 

         <li> 
         <div class="reflection"> 
         <a href="@Url.Action("AllWallPost", "Home")" title="Home"> 
          <img src="../../Images/home (1).ico" /> 
         </a> 
         </div>       
         </li> 

         <li> 
         <div class="reflection"> 
         <a href="@Url.Action("UserProfile", "UserProfile")" title="My Profile"> 
         <img src="../../Images/user.ico" /> 
         </a>       
         </div> 
         </li> 

         <li> 
         <div class="reflection"> 
         <a href="#" title="Events"> 
         <img src="../../Images/calendar_2.ico" /> 
         </a>       
         </div> 
         </li> 


         </li> 
        </ul> 

       </nav> 
      </div> 

     </div> 
     </div> 
     </div> 
    </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>&copy; @DateTime.Now.Year - My ASP.NET MVC Application</p> 
      </div> 
      <div class="float-right"> 
       <ul id="social"> 
        <li><a href="http://facebook.com" class="facebook">Facebook</a></li> 
        <li><a href="http://twitter.com" class="twitter">Twitter</a></li> 
       </ul> 
      </div> 
     </div>        
    </footer> 

    @Scripts.Render("~/bundles/jquery") 
    @RenderSection("scripts", required: false) 
</body>

答

从您提供的代码，这是正常的页面重新加载，当你点击一个链接。

如果您希望在不重新加载所有内容的情况下更改页面，则必须使用一些Ajax（JavaScript）以及Request.IsAjaxRequest()（控制器）和PartialView（查看）的组合。

这些关键词有很多资源。

只要表现不错或任何事情。这是重要的，我应该配置我的代码停止重新加载导航栏或一切重新加载可以吗？ Thx的回复也。 – TMan 2012-07-15 21:13:26

其实我只是意识到，导航栏是重新加载而不是IE浏览器，去图。不知道为什么。 – TMan 2012-07-15 21:37:09

@TMan不，你只是看到了Chrome的页面加载的闪光，但它重新加载。我会说现在没问题，不用担心表现。 – Sherbrow 2012-07-16 05:21:06

BootStrap导航栏重新加载每个导航点击

相关推荐