[英]This bootstrap button dropdown is not working. But why?
最初,我使用的是常規html,但是下拉按鈕不起作用,因此我改用jsfiddle進行測試。 我看到下拉菜單仍然無法正常工作。
這是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是我的問題,所以我添加了它,但它似乎仍然有故障。 有人可以幫忙嗎?
在鍵盤上按F12鍵以查看開發人員控制台,您遇到Javascript錯誤:
錯誤:Bootstrap的JavaScript需要jQuery
確保在引導程序的js文件之前包含jQuery。
這是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>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.