Twitter bootstrap 引导下拉菜单作为包含文件

Twitter bootstrap 引导下拉菜单作为包含文件,twitter-bootstrap,Twitter Bootstrap,我正在使用bootstrap创建我的第一个动态站点,并且已经设置了一个导航列表,其中包含一个单独的包含文件,该列表带有下拉子菜单。它在索引页面上工作,但当我导航到任何其他页面时,下拉列表将停止在新页面上工作。我做错了什么? 这是添加到所有页面的代码行 <?php include 'libs/nav.php'; ?> php文件包含以下代码 <ul class="nav nav-list well"> <li class="active"><a da

我正在使用bootstrap创建我的第一个动态站点,并且已经设置了一个导航列表,其中包含一个单独的包含文件,该列表带有下拉子菜单。它在索引页面上工作,但当我导航到任何其他页面时,下拉列表将停止在新页面上工作。我做错了什么? 这是添加到所有页面的代码行

<?php include 'libs/nav.php'; ?>

php文件包含以下代码

<ul class="nav nav-list well">
<li class="active"><a data-target="" data-toggle="pill" href="")">HOME</a></li>
<li class="nav-header">Product Categories</li>
<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Cameras <i class="icon-expand-alt"></i></a>
    <ul class="dropdown-menu">
        <li class="dropdown-menu">
        <li><a href="category-1">35mm</a></li>
        <li><a href="category-57">Digital</a></li>          
        <li><a href="category-31">Medium-Format</a></li>
        <li><a href="category-18">Instant</a></li>
    </ul>
  • 产品类别

您应该只在希望显示包含代码的地方包含“nameoffile.php”


所有文件都在同一文件夹位置吗?如果是这样的话,没有理由让上面的方法不起作用

我也遇到了类似的问题,这是由我实现脚本的顺序造成的。确保jquery脚本位于引导脚本之上

<link href="libs/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<script src="libs/js/jquery.js"></script>
<script src="libs/bootstrap/js/bootstrap.js"></script>


什么不起作用?您是否在所有页面中都包含引导css和js文件?是的,我相信所有内容都在正确的位置。当我在主页上单击主菜单项时,会出现下拉子菜单,但当我转到动态页面ie category-1时,该菜单会按预期包括在内,但下拉菜单不再有效。您是否检查了console中的任何错误?Chrome中的Ctrl+Shift+J我使用的是firefox,所有错误都是与引导CSS相关的任何想法?我使用的是标准js文件。我是否需要修改这些,以使这种菜单的工作?谢谢史蒂夫是的,我已经这样做了。并且文件位于同一文件夹位置。我认为这与下拉切换或数据切换有关,因为没有下拉菜单的同一菜单的其他部分在所有页面上都起作用。表示菜单设置正确,文件位置正确。我正在本地工作,这可能会导致错误吗?作为测试,您可以复制其工作的页面并重命名它。看看我是否可以像测试用例一样工作。因此,将index.php复制为index-copy.php,将nav.php上的
  • 更改为li>,然后单击链接,菜单在两个页面上都能正常工作,但是如果我转到从菜单中调用为category-x的动态页面(category.php),则下拉菜单不起作用。