BootStrap Nav rechargement de barre sur chaque nav Cliquez sur

J'ai une barre de navigation de démarrage de Twitter, mais chaque fois que je navigue sur un lien, il est clairement rechargement de la barre de navigation avec tout le reste. N'est-ce pas censé faire ça? J'aimerais bien que ce ne soit pas le cas. Je ne suis pas sûr si je fais quelque chose de mal dans mon _Layout ou non. Des idées sur pourquoi ma barre de navigation pourrait recharger?BootStrap Nav rechargement de barre sur chaque nav Cliquez sur

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

Source

2012-07-15 TMan

À partir du code que vous avez fourni, il est normal que la page se recharge lorsque vous cliquez sur un lien. Si vous voulez que la page change sans recharger tout, vous devrez utiliser Ajax (JavaScript) et une combinaison de Request.IsAjaxRequest() (contrôleur) et PartialView (voir).

Il existe beaucoup de ressources avec ces mots clés.

Source

2012-07-15 19:44:32 Sherbrow

En ce qui concerne les performances ou quoi que ce soit. Est-ce important que je devrais configurer mon code pour empêcher la barre de navigation de recharger ou est-ce que tout est rechargé? Merci de répondre aussi. – TMan

En fait, je viens de réaliser, la barre de navigation est rechargement pour le chrome, mais pas pour IE, allez comprendre. Aucune idée pourquoi. – TMan

@TMan Non, vous voyez juste le flash de chargement de la page pour le chrome, mais il recharge pour les deux. Je dirais que c'est ok pour l'instant, ne vous inquiétez pas de la performance. – Sherbrow

BootStrap Nav rechargement de barre sur chaque nav Cliquez sur

Répondre

Questions connexes