Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/370.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 引导下拉菜单不支持';行不通_Javascript_Html_Twitter Bootstrap_Drop Down Menu - Fatal编程技术网

Javascript 引导下拉菜单不支持';行不通

Javascript 引导下拉菜单不支持';行不通,javascript,html,twitter-bootstrap,drop-down-menu,Javascript,Html,Twitter Bootstrap,Drop Down Menu,所以,我知道这是一个常见的问题,但我已经尝试了所有的方法,但都无法成功。当我点击它时,什么也没发生。引导和JQuery加载。 JFiddle: 代码: 午餐 蛋糕 Tips48 看起来您正在使用一个版本的引导css文件,它没有考虑下拉菜单。我已经用正确的项目更新了小提琴,它对我来说工作正常(见下面的屏幕截图): 如果您需要指向css文件的链接。另外,你可以从主站点抓取最新版本,一个很好的特性是“定制”部分,在这里你可以调整你想要/不想要的项目。希望这能有所帮助

所以,我知道这是一个常见的问题,但我已经尝试了所有的方法,但都无法成功。当我点击它时,什么也没发生。引导和JQuery加载。
JFiddle:
代码:


    • 午餐
    • 蛋糕
Tips48

看起来您正在使用一个版本的引导css文件,它没有考虑下拉菜单。我已经用正确的项目更新了小提琴,它对我来说工作正常(见下面的屏幕截图):

如果您需要指向css文件的链接。另外,你可以从主站点抓取最新版本,一个很好的特性是“定制”部分,在这里你可以调整你想要/不想要的项目。希望这能有所帮助


祝你好运,玩得开心

你不需要用引导初始化东西吗?该fiddle链接中没有javascript。javascript在JQuery 1.7.2的左侧进行检查。它包括我的意思,javascript框是空的,没有onload,没有初始化,只有一行空行。我觉得奇怪的是,JS库不需要任何类型的初始化。您在
    中有
  • 节点和
    href
    属性,您缺少
    节点。仍然没有运气。我在控制台中发现了这些错误:视口参数键“inital scale:1.0”未被识别和忽略。localhost:8 Uncaught SyntaxError:uncought-token非法/sj/js/jquery-1.9.1.min.js:5 Uncaught-TypeError:undefined不是一个函数引导。min.js:6I也用您的css替换了我的css,它保持不变。将重新启动webserverlink以在屏幕截图中进行拨弄:;在FF(v15)、Chrome(v26.0.1410.64)和IE10I中进行了测试,复制了完全相同的代码,但它不起作用。一定不能有东西在加载。测试JQuery/Bootstrap是否加载的任何方法?document.getElementById('test').addEventListener('click',function(){if(JQuery)alert(“WOOT!”);});只需添加一个id为“test”的按钮,您就可以点击它了。如果jQuery在那里,您将看到一个警报。以下是带有测试的页面示例:
    
    <div class="navbar-wrapper">
            <div class="container">
                <div class="navbar navbar-inverse">
                    <div class="navbar-inner">
                        <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".navbar-collapse">
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <!-- /.btn -->
                        <a class="brand" href="#">S&J Bakery</a>
                        <div class="nav-collapse collapse">
                            <ul class="nav">
                                <li class="active">
                                    <a href="#">Home</a>
                                </li>
                                <li>
                                    <a href="#about">About</a>
                                </li>
                                <li class="dropdown" id="#dd">
                                    <a href="#dd" class="dropdown-toggle" data-toggle="dropdown" role="button">
                                        Menu
                                        <b class="caret"></b>
                                    </a>
                                    <ul class="dropdown-menu" role="menu">
                                        <li href="#lunch">Lunch</li>
                                        <li class="divider"></li>
                                        <li href="#cake">Cake</li>
                                    </ul>
                                </li>
                                <li>
                                    <a href="#contact">Contact Us</a>
                                </li>
                                <li>
                                    <a href="#sponsers">Sponsers</a>
                                </li>
                            </ul>
                            <!-- /.nav -->
                        </div>
                        <!-- ./nav-collapse -->
                    </div>
                    <!-- /.navbar-inner -->
                </div>
                <!-- /.navbar navbar-inverse -->
            </div>
            <!-- /.container -->
        </div>
        <!-- /.navbar-wrapper -->