html - 一页主题 Bootstrap Navigation Link 不指向另一个页面，但它适用于页面内的 anchor

Question

我一直在我的 ASP MVC 5 应用程序中使用 Bootstrap 单页主题。因为它是一个页面，所以所有的导航链接都指向页面内的 anchor 。然后我需要一个额外的链接来指向另一个页面，但它不起作用。当我看到源代码时，href 很好，悬停也很好，但是单击时它什么也没做。请帮我找出问题所在。

问题出在这里:

<li class="active"><a href="/ShoppingCart">Cart (2)</a></li>

这是html代码:

<nav class="fixed-top" id="navigation" style="top: 0px; opacity: 1;">
    <div class="container">
        <div class="row-fluid">
            <div class="span12 center">
                <!-- LOGO -->
                <a class="brand pull-left" href="./">
                    <img src="/assets/images/logo.png" alt="Treble">
                </a>
                <!-- END LOGO -->
                <!-- MOBILE MENU BUTTON -->
                <div class="mobile-menu" data-toggle="collapse" data-target=".nav- collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </div>
                <!-- END MOBILE MENU BUTTON -->
                <!-- MAIN MENU -->
                <ul id="main-menu" class="nav-collapse collapse">
                    <li class=""><a href="#page-welcome">Home</a></li>
                    <li class=""><a href="#page-product">Product</a></li>
                    <li class=""><a href="#page-about">About Us</a></li>
                    <li><a href="#page-news">News</a></li>
                    <li class=""><a href="#page-contact">Contact</a></li>
                    <li class="active"><a href="/ShoppingCart">Cart (2)</a></li>
                </ul>
                <!-- END MAIN MENU -->
                <!-- SOCIAL ICONS -->
                <div class="social-icons pull-right" id="navRight">
                    <a href="mailto:info@panairsan.com"   class="phoneNumber">info@panairsan.com</a>
                    <a href="tel:+62215807881" class="phoneNumber logOffPadding">+62 (21) 580 7881</a>
                </div>
                <!-- END SOCIAL ICONS -->
            </div>
        </div>
    </div>
</nav>

这里是相关的CSS类:

.fixed-top {
position: fixed;
top: 0px;
opacity: 0;
filter: alpha(opacity=0);
}

#navigation #main-menu {
float: right;
}
#navigation .social-icons {
display: none;
}

我认为这就是代码的全部内容，似乎没有其他因素影响链接。如果您需要更多代码来解决这个奇怪的问题，请告诉我。

我也试过这个:

<a href="./ShoppingCart">

加了个点，比如logo，可以到首页(刷新页面)，但是还是不行。

谢谢

更新

我使用 jquery.scrollTo。也许这个插件有什么问题？

我用的主题是这个:

Wrapbootsrap - Treble One Page Theme

关于 jquery.scrollTo 的更新

我一直在搜索，我正在将问题缩小到 jquery.scrollTo。该插件似乎阻止了页面去任何地方。这里有人对 jquery.scrollTo 有经验吗？

更新路由机制:

routes.MapRoute(
            name: "Default",
            url: "{controller}/{action}/{id}",
            defaults: new { controller = "Home", action = "Index", id = UrlParameter.Optional },
            namespaces: new string[] { "percobaan2.Controllers" }
        );

重要更新

主要问题:链接处于事件状态但未指向链接页面。它甚至不指向 404 页面或任何内容。它只是不执行 href 位置。

Answer 1

在 href 链接中调用“外部”类，如下所示:

<a href="./ShoppingCart"class="external">