此引导按钮下拉式不起作用。但为什么？

起初我使用普通的html，但下拉按钮不起作用，所以我改成jsfiddle来测试它。我看到dropdown仍然不起作用。此引导按钮下拉式不起作用。但为什么？

这里的的jsfiddle：https://jsfiddle.net/ugpqxpn6/2/

<div> 

<!-- Single button --> 
<div class="btn-group"> 
    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 
    Action <span class="caret"></span> 
    </button> 
    <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 role="separator" class="divider"></li> 
    <li><a href="#">Separated link</a></li> 
    </ul> 
</div> 

</div>

我不明白为什么这是行不通的。我看了一些类似的问题，看到可能不包括jQuery是我的问题，所以我添加了它，但它似乎仍然出现故障。任何人都可以帮忙吗？键盘来看看开发者控制台上

来源

2016-07-12 ParadoxicalEnigma

检查控制台，几乎说明了一切 - 未捕获的错误：引导的JavaScript需要jQuery的。 – GMaiolo

我在jsfiddel左边的资源选项卡中添加了jquery.min.js，它似乎仍然没有工作。 – ParadoxicalEnigma

你需要把你的'.js'文件放在你的bootstrap.css文件中 –

这里是bootstrap.min.js工作小提琴和jquery.min

https://jsfiddle.net/nrgxh5rr/

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

来源

2016-07-12 18:53:36 HisPowerLevelIsOver9000

哦，好的。我明白了，我想这只是我原始代码中库的顺序。非常感谢！ – ParadoxicalEnigma

没问题！真高兴你做到了：） – HisPowerLevelIsOver9000

命中F12，你有一个JavaScript错误：

Error: Bootstrap's JavaScript requires jQuery

确保您的jQuery包括前引导的js文件。

来源

2016-07-12 18:53:13 SeanKendle

此引导按钮下拉式不起作用。但为什么？

回答

相关问题