Question

我在我的网站上使用服务器端包含我的导航栏。引导程序导航栏在其自己的文件中运行良好：下拉列表在移动设备上打开和关闭，但是一旦我将其包含在我希望它在（）上的页面上，下拉列表将仅下拉列表并且不会重新启动。

我不确定我做错了什么，或者是否有人能弄清楚出了什么问题。

以下是只能自行正常工作的导航栏的代码。

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
<link href="../_css/main.css" rel="stylesheet" type="text/css">

<nav class="navbar navbar-default navbar-fixed-top">
<div class="container-fluid">
    <div class="navbar-header">
        <a class="navbar-brand" href="/index.asp">O<span>NE</span> HEALTH <small>Nebraska One Health Resource Portal</small></a>

        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>      
    </div>
    <ul class="nav navbar-nav navbar-right collapse navbar-collapse">

        <li><a href="/health-resources.asp">Health Resources</a></li>
        <li class="active"><a href="/around-the-globe.asp">Around the Globe</a></li>

        <form class="navbar-form navbar-right search" role="search">
            <div class="input-group">
                <input type="text" class="form-control" placeholder="Search">
                <div class="input-group-btn">
                    <button class="btn btn-default" type="submit"><i class="glyphicon glyphicon-search"></i></button>
                </div>
            </div>
        </form>

    </ul>  
</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

然后我在这里尝试并包含文件，其中下拉列表不再有效....

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
<link href="../_css/main.css" rel="stylesheet" type="text/css">

<!-- NAVIGATION -->
<!--#include virtual="/navigation/navigation.asp" -->

     <div class="index-main">
    <div class="container">
      <div class="col-md-10 col-md-offset-1">
        <h1 style="text-align: center">One Health</h1>
        <h4 style="text-align: center; line-height: 35px; font-weight: 300">One Health is a comprehensive approach to public health which recognizes that the health of the environment, animals (wild and domestic), and humans are interconnected. To have long-term success against diseases, we have to address all three areas because diseases in one group frequently spill over and affect the others. The Nebraska One Health Program is a grant-funded program to network, research, and educate producers, pest control operators, educators, public health officals, and other interested parties about addressing diseases in nature that affect humans and their animals.</h4>
</div>
</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

Answer 1

下载文件并将它们包含在本地的html页面中并检查一次。

Bootstrap下拉列表不能用作asp包含文件

1 个答案: