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()（コントローラー）とPartialView（ビュー）の組み合わせを使用する必要があります。

それらのキーワードに関するリソースはたくさんあります。

于 2012-07-15T19:44:32.237 に答える