为什么只能显示不隐藏-慕课网

首页课程实战体系课手记专栏慕课教程

为什么只能显示不隐藏

来源：2-4 下拉菜单--JavaScript触发方法

迷失的小菜鸟

2016-05-11 17:15

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>下拉菜单--属性声明式方法（一）</title>

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">

</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>

<li class="active"><a href="##">前端论坛</a></li>

<li><a href="##">关于我们</a></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").one("click",function(){

$(this).dropdown("toggle");

})

})

</script>

</body>

</html>

写回答关注

2回答

PARADISELIN

2016-07-30 15:59:00

不过使用该参数，每次单击都要两次toggle，就会一直是一个不变的状态。

0 0
silentlytao

2016-05-12 11:41:18

因为one方法本身只是添加一次click事件

0 0

玩转Bootstrap（JS插件篇）

带领大家学习怎么使用JS自由控制Bootstrap中提供的组件

128654 学习 · 296 问题

相似问题

为什么只会显示，不能隐藏？

回答 2

为什么只显示不隐藏？

回答 1

为什么不能隐藏

回答 5

不隐藏啊这个

回答 2

modal-content默认为隐藏

回答 2

打开慕课网App查看更多内容