Question

我有一个bootstrap导航栏。它正在许多页面上使用。所以我创建了一个navbar.php，它包含导航栏的元素。我把它包括在所有页面上。但导航栏的下拉部分无法正常运行。它没有把我带到理想的页面。所有引用home.php的链接都在工作。登录下拉列表也有效。但是当我点击它时，它不会把我带到login.php或masterlogin.php 可能是什么问题？

navbar.php

<html>
<head>
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<script src="assets/js/bootstrap.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
</head>
<body>
    <nav class="navbar navbar-default navbar-fixed-top">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>                        
                </button>
                <a class="navbar-brand" href="home.php"><img src="logo3.png" alt="Home"></a>
            </div>
            <div class="collapse navbar-collapse" id="myNavbar">
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="home.php#content1">Content1</a></li>
                    <li><a href="home.php#content2">Content2</a></li>
                    <li><a href="home.php#content3">Content3</a></li>
                    <li><a href="home.php#content4">Content4</a></li>
                    <li><a href="home.php#content5">Content5</a></li>
                    <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">LOGIN<span class="caret"></span></a>
                        <ul class="dropdown-menu">
                            <li><a href="login.php">LOGIN</a></li>
                            <li><a href="masterlogin.php">MASTER LOGIN</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
</body>
</html>

home.php

<!--At the top-->
<?php
include_once "navbar.php";
?>
<!-- Followed by rest of the code for home.php-->

Answer 1

替换你的css js

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

它在你的代码中工作

bootstrap导航栏上的下拉列表无法正常工作

1 个答案: