我有一个下拉按钮,其中包含固定到页面不同部分的内容列表.此下拉列表仅适用于移动设备.
但问题是,点击它后,下拉列表不会关闭.无论如何我可以点击它关闭?我试过环顾四周,但它不适用于我的.
<div id="mobile-dropdown" class="nav2 w" data-spy="affix" data-offset-top="350">
<div class="container">
<div class="pull-left" style="margin-top:3px; margin-right:3px;">Jump to </div>
<div class="pull-left">
<div class="btn-group mob-fl">
<button type="button" class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
Categories
<span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu">
<li><a href="#1">One</a></li>
<li><a href="#2">Two</a></li>
<li><a href="#3">Three</a></li>
<li><a href="#4">Four</a></li>
</ul>
</div>
</div>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
我还看了一下bootstrap的js本身并抓住了这一行:
if ('ontouchstart' in document.documentElement && !$parent.closest('.navbar-nav').length) {
// if mobile we use a backdrop because click events don't delegate
$('<div class="dropdown-backdrop"/>').insertAfter($(this)).on('click', clearMenus)
}
Run Code Online (Sandbox Code Playgroud)
这是它不会关闭的原因吗?是否有任何解决方法使其工作?
编辑:
所以在一些帮助下我得到了这个脚本:
$('document').ready(function() {
$("a.dropdown-toggle").click(function(ev) { …Run Code Online (Sandbox Code Playgroud) 我有一个使用Flot的工作良好的堆积面积图。当前是自动生成的填充颜色。
我的问题是,是否可以消除某些颜色。意思是,我不希望图表使用绿色,红色和橙色作为填充色。