亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

下拉菜單的js實現時為什么隱藏不了?

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>下拉菜單--屬性聲明式方法(一)</title>
<link rel="stylesheet" >

</head>
<body>

<h3>示例2</h3>
<ul class="nav nav-pills">
??? <li class="dropdown">
??<a href="##"? class="dropdown-toggle" role="button" id="tutorial">教程<b class="caret"></b></a>
??<ul class="dropdown-menu" role="menu" aria-labelledby="tutorial">
???<li role="presentation"><a href="##">CSS3</a></li>
???<li role="presentation"><a href="##">HTML5</a></li>
???<li role="presentation"><a href="##">Sass</a></li>
??</ul>
?</li>

</ul>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>

<!--下面是代碼任務區-->
<script>
??? $(function(){
???????? $(".dropdown-toggle").dropdown() ;?
??? });
</script>

</body>
</html>

正在回答

3 回答

如官網上所說,data-toggle="dropdown"不能省略

data-toggle="dropdown"?still required

Regardless of whether you call your dropdown via JavaScript or instead use the data-api,?data-toggle="dropdown"?is always required to be present on the dropdown's trigger element.


1 回復 有任何疑惑可以回復我~
#1

apianmuse

那直接用data-toggle="dropdown"不就可以了,為什么還要用JS呢
2018-02-24 回復 有任何疑惑可以回復我~

<script>
$(function(){
? ?$(".dropdown-toggle").one("click",function(){
? ? ? ?$(this).dropdown("toggle");
? ?})
})
</script>

0 回復 有任何疑惑可以回復我~

在a標簽那邊少了data-toggle="dropdown"

0 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消
玩轉Bootstrap(JS插件篇)
  • 參與學習       128659    人
  • 解答問題       305    個

帶領大家學習怎么使用JS自由控制Bootstrap中提供的組件

進入課程

下拉菜單的js實現時為什么隱藏不了?

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號