Question

每当我有一个指向子文件夹中页面的链接时，它会冻结子文件夹中的Navbar，以便浏览器链接保留在子文件夹中，并且不能使用。被发现。在使用母版页的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>

Navbar加载正常，但点击后，说＆＃34;联系，＆＃34; Dropdown不会下拉，也不会从导航栏中执行任何其他链接。它并不想离开子文件夹。

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

我是不是来自VS的IIS Express或发布到我的本地服务器之后无关紧要：

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

我已成功重新编码了我网站的一个部分，但我必须将所有.aspx页面放在该文件夹的根目录中。我无法与网站的其他人一起做到这一点。 html来自VS中的测试项目。我已经尝试添加＆＃34;〜＆＃34; s并改变了所有地方的路径，但似乎没有任何工作。

Answer 1

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

href="Content/bootstrap.css" - 您的浏览器会尝试从与当前页面相同级别的名为bootstrap.css的文件夹中加载Content。这适用于您的根页，但不适用于子页面。

href="/Content/bootstrap.css"添加前导/将从根文件夹开始，因此无论您找到当前页面的哪个级别，都应该在整个网站的任何页面上工作。

您会发现由于同样的原因，您的链接也无法使用。

Navbar链接到子文件夹

1 个答案: