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