Php Bootstrap下拉列表直接在我的手机上关闭,仅在我自己的网站上关闭
我正在开发一个响应性网站。我们正在Yii框架内以及已经存在的自建多网店平台内构建此功能。我正在尝试使用引导实现一个下拉菜单 我使用了Bootstrap网站上的代码: 代码位于类名称为main wrapper的div中 我只加载以下js文件:jQuery、bootstrap dropdown和bootstrap collapase当我加载所有内容时,我的问题也发生了 问题是: 现在问题来了。当我在浏览器上测试它时,它工作正常,但当我使用手机并单击下拉菜单时,它会直接关闭它。感觉好像它按了两次按钮。如果我按住它大约一秒钟或两秒钟,它将保持打开状态。我的手机是三星Galaxy S3安卓4.3。我在其他手机上测试过它,包括S3 mini,没有同事有galaxy S3,一切正常。所以我想我手机里的一些传感器坏了,但当我去bootstrap网站时,它的工作原理和我在网站上使用的代码相同 也许有人重新认识到这个问题,我只是错过了一些东西,但这个问题很难调试。我已经将代码限制为绝对最小值 注:我只是想说明一下。只需打开下拉菜单而不单击其他任何位置,它就会立即再次关闭 我的代码这是所有的代码,我删除了所有其他的代码。显然有一些Yii文件正在加载,但没有其他JS/Css文件Php Bootstrap下拉列表直接在我的手机上关闭,仅在我自己的网站上关闭,php,twitter-bootstrap,yii,navbar,Php,Twitter Bootstrap,Yii,Navbar,我正在开发一个响应性网站。我们正在Yii框架内以及已经存在的自建多网店平台内构建此功能。我正在尝试使用引导实现一个下拉菜单 我使用了Bootstrap网站上的代码: 代码位于类名称为main wrapper的div中 我只加载以下js文件:jQuery、bootstrap dropdown和bootstrap collapase当我加载所有内容时,我的问题也发生了 问题是: 现在问题来了。当我在浏览器上测试它时,它工作正常,但当我使用手机并单击下拉菜单时,它会直接关闭它。感觉好像它按了两次按钮
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title><?= CHtml::encode($this->pageTitle); ?></title>
<meta name="description" content="<?= CHtml::encode($this->pageDescription); ?>" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="http://local.bedruktet-shirts.com/themes/bedruktet-shirts.com/bootstrap/css/bootstrap.css" rel="stylesheet">
</head>
<body>
<div class="main-wrapper">
<!-- navbar-fixed-top -->
<nav class="navbar navbar-default" role="navigation">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Brand</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
<li class="divider"></li>
<li><a href="#">One more separated link</a></li>
</ul>
</li>
</ul>
<form class="navbar-form navbar-left" role="search">
<div class="form-group">
<input type="text" class="form-control" placeholder="Search">
</div>
<button type="submit" class="btn btn-default">Submit</button>
</form>
<ul class="nav navbar-nav navbar-right">
<li><a href="#">Link</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
</div>
<script src="http://local.bedruktet-shirts.com/themes/bedruktet-shirts.com/bootstrap/js/jquery.js" type="text/javascript"></script>
<script src="http://local.bedruktet-shirts.com/themes/bedruktet-shirts.com/bootstrap/js/bootstrap-dropdown.js" type="text/javascript"></script>
<script src="http://local.bedruktet-shirts.com/themes/bedruktet-shirts.com/bootstrap/js/bootstrap-collapse.js" type="text/javascript"></script>
</body>
</html>
我解决了自己的问题…我升级了bootstrap。是的,就这些。有人添加了bootstrap,我问他这是不是最新版本。所以我认为这是真的。然而,我有第二个问题,在移动设备上不起作用。所以我想检查一下版本号 我添加了最新版本的bootstrap,一切都“神奇地”工作了。我不会删除这个问题,掩盖我的愚蠢。如果其他人碰巧遇到此问题,请将其作为检查版本的提醒