Javascript 引导3下拉菜单不工作

Javascript 引导3下拉菜单不工作,javascript,jquery,twitter-bootstrap,twitter-bootstrap-3,Javascript,Jquery,Twitter Bootstrap,Twitter Bootstrap 3,我将这段代码放在一个单独的文件中,而不是index.php(即root/php\u INCLUDES/header.php) 如果有人能帮我找到错误,我会很高兴的 提前感谢您的代码似乎运行良好,请查看此小提琴,如果我在您的代码中遗漏了任何内容,或者您可能遗漏了一些内容,请告诉我。。。 与下拉菜单按钮相同。modalbox和其他东西都很好用。您是否在head部分中包含了javascript库?嗯,你用的是哪种浏览器?还有,你有一个JSFIDLE中的实例吗?嗨,代码是一样的,我把整个代码包装在这个d

我将这段代码放在一个单独的文件中,而不是index.php(即root/php\u INCLUDES/header.php)

如果有人能帮我找到错误,我会很高兴的


提前感谢

您的代码似乎运行良好,请查看此小提琴,如果我在您的代码中遗漏了任何内容,或者您可能遗漏了一些内容,请告诉我。。。

与下拉菜单按钮相同。modalbox和其他东西都很好用。您是否在head部分中包含了javascript库?嗯,你用的是哪种浏览器?还有,你有一个JSFIDLE中的实例吗?嗨,代码是一样的,我把整个代码包装在这个div中了,你知道吗?我的还没用浏览器有什么问题吗?或者,如果您遗漏了任何内容或看到任何错误,您可以在firebug或控制台中进行检查。您好,我用相同的代码创建了一个单独的页面,它工作得非常好。新页面只包含引导类。我认为这不起作用的页面有一些jquery插件,这可能是问题所在吗?我认为您必须仔细检查您的开发人员工具控制台,它是否会抛出任何错误…因为这可能只是您面临的问题。
<div class="container">

    <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="glyphicon glyphicon-align-justify"></span>
        </button>
        <a href="index.php" class="navbar-brand">Mudalali | Sidadiya.lk</a>
    </div>

    <div class="navbar-collapse collapse">
        <ul class="nav navbar-nav" id="top-nav">
            <li><a href="#section-home">Home</a></li>
            <li><a href="#section-about">About</a></li>
            <li><a href="#section-service">Services</a></li>
            <li><a href="#section-contact">Contact</a></li>
            <li class="dropdown">
      <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
      <ul class="dropdown-menu">
        <li><a href="#">Action</a></li>
        <li><a href="#">Another action</a></li>
        <li><a href="#">Something else here</a></li>
        <li class="divider"></li>
        <li><a href="#">Separated link</a></li>
      </ul>
    </li>

        </ul>
        <?php echo $loginLink; ?>            
       <!-- <a href="#" class="btn btn-primary pull-right">Registe1r</a>
        <a href="#" class="btn btn-success pull-right" data-toggle="modal" href="#loginModal">Login</a>-->              
</div>