0

我正在尝试创建一个简单的页面，当我单击一个选项卡式项目时，应该让该页面的显示消失。在这个简单的代码中，当我点击关于应该让产品下拉菜单消失。这是代码

<!DOCTYPE html>

<html lang="en">
<head>
<title>Drop Down Navbar</title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="js/bootstrap.js"></script>
</head>
<body>

<div class="container">
    <div class="row">
        <div class="span12">
            <h3>Bootstrap Dropdown Menu By Creativity-Tuts</h3>
                <div class="navbar">
                    <div class="navbar-inner">
                        <ul class="nav">
                            <li><a href="#">Home</a></li>
                            <li><a href="#">About</a></li>
                        </ul>
                    </div>
                    <li class="dropdown">
                        <a class="dropdown-toggle" data-toggle="dropdown" href="#"> Products <b class="caret"></b></a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Prod 1</a></li>
                        <li><a href="#">Prod 2</a></li>
                        <li><a href="#">Prod 3</a></li>
                        <li><a href="#">Prod 4</a></li>
                        </ul>
                    </li>
                </div>
            </div>
        </div>
    </div>
</body>
</html>

我要使用 onClick 并调用一个函数来隐藏该下拉菜单吗？这是jsfiddle链接

4

1 回答 1

1

将 id 添加到 «about» 链接，然后使用这样的代码：

$('#about').click(function(){
  $('.dropdown-menu').hide();
});
于 2013-10-29T22:31:54.903 回答