程序员经验分享-hwhale

导航栏链接到子文件夹

2024-03-12

每当我有一个指向子文件夹中页面的链接时，它就会冻结子文件夹中的导航栏，以便浏览器链接保留在子文件夹中并且无法找到。在 Visual Studio Express 中使用母版页。母版页如下所示：

  <link href="Content/bootstrap.css" rel="stylesheet" />
     <asp:ContentPlaceHolder ID="StyleSection" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body>
    <form id="form1" runat="server">
    <!-- Static navbar -->
    <nav class="navbar navbar-default navbar-static-top">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#">Project name</a>
            </div>
            <div id="navbar" class="navbar-collapse collapse">
                <ul class="nav navbar-nav">
                    <li class="active"><a href="index.aspx">Home</a></li>
                    <li><a href="Subfolder/About.aspx">About</a></li>
                    <li><a href="Subfolder/contact.aspx">Contact</a></li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown <span class="caret"></span></a>
                        <ul class="dropdown-menu" role="menu">
                            <li><a href="action.aspx">Action</a></li>
                            <li><a href="action2.aspx">Action 2</a></li>
                            <li><a href="Subfolder/SomethingElse.aspx">Something else</a></li>
                        </ul>
                    </li>
                </ul>
             </div>
            <!--/.nav-collapse -->
        </div>
    </nav>
    <asp:ContentPlaceHolder ID="ContentSection" runat="server"></asp:ContentPlaceHolder>
    <asp:ContentPlaceHolder ID="scriptsection" runat="server">
    </asp:ContentPlaceHolder>

    </form>
    <script src="Scripts/jquery-2.1.3.js"></script>
    <script src="Scripts/bootstrap.js"></script>

导航栏加载正常，但单击后说“联系”，下拉菜单不会下拉，导航栏中的任何其他链接也不起作用。它不想退出子文件夹。

http://localhost:49679/Subfolder/contact.aspx#

我无论是在 VS 中使用 IIS Express 还是在发布到本地服务器后都没关系：

http://192.168.1.67/navtest/Subfolder/contact.aspx#

我已经成功地重新编码了网站的一个部分，但我必须将所有 .aspx 页面放入文件夹的根目录中。我无法对网站的其余部分执行此操作。该html来自VS中的测试项目。我尝试添加“~”并更改所有地方的路径，但似乎没有任何效果。


查看子页面时，CSS 文件和 JS 文件的路径将不正确。

href="Content/bootstrap.css"- 您的浏览器将尝试加载bootstrap.css从一个名为Content那是在同一水平作为当前页面。这适用于您的根页面，但不适用于子页面。

href="/Content/bootstrap.css"添加前导/将从根文件夹开始，因此无论当前页面位于哪个级别，都应该适用于整个站点的任何页面。

您会发现，由于同样的原因，您的链接也将不起作用。

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

html

twitterbootstrap

导航栏链接到子文件夹 的相关文章