我有一个使用最新版本的 Twitter BootStrap 创建的嵌套下拉列表。我需要在嵌套下拉列表中有一个包含许多元素的选择列表。我能够使嵌套下拉菜单正常工作,并且选择选项显示没有问题。不幸的是,在 IE9 中单击选择列表后,将鼠标移到任何项目上都会导致下拉菜单关闭。此问题在其他浏览器中不存在。更倒霉的是,我必须支持IE7+作为这项工作的一部分。
有一个错误的 jsfiddle 在:http: //jsfiddle.net/GtbSE/2/
任何人都可以解释一下吗?
我有一个使用最新版本的 Twitter BootStrap 创建的嵌套下拉列表。我需要在嵌套下拉列表中有一个包含许多元素的选择列表。我能够使嵌套下拉菜单正常工作,并且选择选项显示没有问题。不幸的是,在 IE9 中单击选择列表后,将鼠标移到任何项目上都会导致下拉菜单关闭。此问题在其他浏览器中不存在。更倒霉的是,我必须支持IE7+作为这项工作的一部分。
有一个错误的 jsfiddle 在:http: //jsfiddle.net/GtbSE/2/
任何人都可以解释一下吗?
从您的示例中,我可以将其更改为允许 IE 中的“频道”菜单选项中的下拉菜单,并对您的小提琴进行一些小的更改: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(); });