Javascript Twitter引导（v2.2.1）下拉链接在手机上不起作用
我有一个Twitter引导（v2.2.1）可折叠的导航栏和下拉按钮。它们在我的桌面浏览器中工作得很愉快，而且如果我将桌面浏览器窗口的大小调整到手机大小，它们也会工作得很愉快 但是，在手机上，当您单击下拉列表时，下拉列表将打开，但单击下拉列表中的任何链接只会导致下拉列表关闭，而不跟随链接 这似乎与类似，但解决方案是将Javascript Twitter引导（v2.2.1）下拉链接在手机上不起作用,javascript,jquery,mobile,twitter-bootstrap,Javascript,Jquery,Mobile,Twitter Bootstrap,我有一个Twitter引导（v2.2.1）可折叠的导航栏和下拉按钮。它们在我的桌面浏览器中工作得很愉快，而且如果我将桌面浏览器窗口的大小调整到手机大小，它们也会工作得很愉快 但是，在手机上，当您单击下拉列表时，下拉列表将打开，但单击下拉列表中的任何链接只会导致下拉列表关闭，而不跟随链接 这似乎与类似，但解决方案是将data toggle=“dropdown”移动到我已经拥有它们的位置 以下是页面上用于下拉按钮的html： <html> <head> <link re
data toggle=“dropdown”<html>
<head>
<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css" />
</head>
<body>
<div class="btn-group">
<a class="btn btn-primary" href="link1.php">
Dropdown button
</a>
<a class="btn btn-primary dropdown-toggle" href="#" data-toggle="dropdown">
<span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li class="nav-header">Recent</li>
<li><a href="http://google.com">Google</a></li>
<li><a href="http://bing.com">Bing</a></li>
</ul>
</div>
<script type="text/javascript" src="http://twitter.github.com/bootstrap/assets/js/jquery.js"></script>
<script type="text/javascript" src="http://twitter.github.com/bootstrap/assets/js/bootstrap.js"></script>
<script type="text/javascript">
/**
* Twitter Bootstrap JQuery
*/
//!function ($) {
$(function () {
$('.dropdown-toggle').dropdown();
});
//}
</script>
</body>
</html>
- 最近
/**
*Twitter引导JQuery
*/
//!函数（$）{
$（函数（）{
$（'.dropdown toggle'）.dropdown（）；
});
//}
我在Bootstrap 2.2.1中找到了一个bug，它的状态是： 下拉列表：为移动设备上的下拉列表添加临时修复程序，以防止它们提前关闭 如果我将站点上的bootstrap.js从v2.2.1切换到v2.2.2，那么按钮就开始工作 现在，如果我使用最新的v2.2.2引导程序查看这段代码，那么它就可以工作了
<html>
<head>
<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css" />
</head>
<body>
<div class="container">
<div class="btn-group">
<a class="btn btn-primary" href="link1.php">
Dropdown button
</a>
<a class="btn btn-primary dropdown-toggle" href="#" data-toggle="dropdown">
<span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li class="nav-header">Recent</li>
<li><a href="http://google.com">Google</a></li>
<li><a href="http://bing.com">Bing</a></li>
</ul>
</div>
</div>
<script type="text/javascript" src="http://twitter.github.com/bootstrap/assets/js/jquery.js"></script>
<script type="text/javascript" src="http://twitter.github.com/bootstrap/assets/js/bootstrap.js"></script>
<script type="text/javascript">
$(function () {
$('.dropdown-toggle').dropdown();
});
</script>
</body>
</html>
- 最近
$（函数（）{
$（'.dropdown toggle'）.dropdown（）；
});