1

我有一个 twitter 引导导航栏,但每次我在链接上导航时,它显然会用其他所有内容重新加载导航栏。不应该这样做吗?如果没有,我会喜欢的。我不确定我的 _Layout 是否做错了什么。关于为什么我的导航栏可以重新加载的任何想法?

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

4

1 回答 1

1

根据您提供的代码,单击链接时页面重新加载是正常的。

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

这些关键字有很多资源。

于 2012-07-15T19:44:32.237 回答