在Twitter BootStrap嵌套下拉列表中托管一个选择列表(IE 9特定)
Hosting a select list within a Twitter BootStrap nested dropdown (IE 9 Specific)
我使用最新版本的Twitter BootStrap创建了一个嵌套的下拉列表。我需要一个嵌套下拉列表中包含许多元素的选择列表。我可以让嵌套的下拉列表正常工作,选择选项显示没有问题。不幸的是,在IE9中,点击选择列表后,将鼠标移动到任何项目上都会导致下拉列表关闭。这个问题在其他浏览器中没有表现出来。更不幸的是,作为这项工作的一部分,我必须支持IE7+。
以下位置存在错误:http://jsfiddle.net/GtbSE/2/
有人能透露些什么吗?
从您的示例中,我可以更改它以允许IE中"channel"菜单选项中的下拉菜单,只需对您的fiddle进行一些小更改:http://jsfiddle.net/amelvin/XxSTF/-但你需要重新设计风格。
我想知道引导程序是否被下拉菜单项弄糊涂了。
<span class="dropdown" id="filter-add">
<a href="#filter-add" id="addFilter" class="dropdown-toggle" data-toggle="dropdown" >
More
</a>
<ul id="Channels" class="nav nav-pills">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Channel</a>
<ul class="dropdown-menu">
<li>
<select>
<option value="1" >LIst Item 1</option>
<option value="2" >LIst Item 2</option>
<option value="3" >LIst Item 3</option>
<option value="4" >LIst Item 4</option>
<option value="5" >LIst Item 5</option>
<option value="6" >LIst Item 6</option>
</select>
</li>
</ul>
</li>
<li><a>Cancel</a></li>
</ul>
</span>
$('.dropdown select').click(function(e) { e.stopPropagation(); });
$("#Channels").hide();
$("#addFilter").click(function() { $("#Channels").show(); });
相关文章:
- 从a-z中随机选择一个字母
- AngularJS ng选项在选择一个选项后删除了默认的空白值
- 在下拉列表中选择一个选项的值
- 在类JavaScript选择的另一个元素中选择一个标记元素
- Jquery:当两个或多个条件为true时,选择一个元素
- 可以使用createRange选择一个空范围
- 选择一个元素,使其最近的具有特殊属性的父元素具有特殊值
- 使用 Jquery 选择一个 td 元素
- 当使用jQuery/Javascript选择一个多选时,如何使所有值都不被选中:
- 在一组复选框中,一次只允许选择一个
- 如何强制用户从下拉列表和按钮中选择一个值以启用保存按钮
- 从数组中选择一个变量
- 正在读取<p: 选择一个菜单/>在onchange回调中
- 在输入字段中选择一个值,然后用相应的数据填充另一个字段
- 如何以编程方式在 jsTree 中选择一个节点并打开所有父节点
- Asp.net 引导下拉菜单 - 选择一个项目
- 如何根据 jsp 中数据库中的值在下拉列表中选择一个值
- 通过硒选择一个javascript下拉列表
- 选择一个从 mysql 返回选中/未选中复选框的对象
- 如何在 PHP 中使用 OnChange 事件的下拉列表中选择一个选项后,对大量数据行设置分页