我正在使用Bootstrap v3.0.0
多选控件的生成标记由<select>
和包含<div>
和<button>
的{{1}}组成。
<ul>
似乎是向用户实际显示的内容。我遇到的问题是,用户第一次与控件进行交互时,一切都正常,但是一旦打开控件,无论是否进行了任何选择,在控件关闭后都无法重新打开它,除非您刷新页面。
我查看了控件正在生成的标记,并且注意到在控件与<ul>
进行交互之前,其外观如下:
<ul>
但是一旦控件与之交互,无论是否进行选择,标记都会变为:
<ul class="multiselect-container dropdown-menu" style="max-height: 800px; overflow: hidden auto;">
<li class="multiselect-item multiselect-all"><a tabindex="0" class="multiselect-all"><label class="checkbox"><input type="checkbox" value="multiselect-all"> Select all</label></a></li>
<li><a tabindex="0"><label class="checkbox" title="Active"><input type="checkbox" value="A"> Active</label></a></li>
<li><a tabindex="0"><label class="checkbox" title="Disability"><input type="checkbox" value="D"> Disability</label></a></li>
<li><a tabindex="0"><label class="checkbox" title="Pending"><input type="checkbox" value="P"> Pending</label></a></li>
<li><a tabindex="0"><label class="checkbox" title="Terminated"><input type="checkbox" value="T"> Terminated</label></a></li>
</ul>
<ul class="multiselect-container dropdown-menu" style="max-height: 800px; overflow: hidden auto; display: none;">
<li class="multiselect-item multiselect-all active"><a tabindex="0" class="multiselect-all"><label class="checkbox"><input type="checkbox" value="multiselect-all"> Select all</label></a></li>
<li class="active"><a tabindex="0"><label class="checkbox" title="Active"><input type="checkbox" value="A"> Active</label></a></li>
<li class="active"><a tabindex="0"><label class="checkbox" title="Disability"><input type="checkbox" value="D"> Disability</label></a></li>
<li class="active"><a tabindex="0"><label class="checkbox" title="Pending"><input type="checkbox" value="P"> Pending</label></a></li>
<li class="active"><a tabindex="0"><label class="checkbox" title="Terminated"><input type="checkbox" value="T"> Terminated</label></a></li>
</ul>
被添加到display: none;
样式属性中。我不确定它来自哪里。我的JavaScript都没有触及生成的标记。如果我在chrome中使用开发者控制台删除<ul>
属性,则该控件将再次进行一次互动,然后再将display: none;
重新添加到display: none;
,从而导致该控件不再再次打开。 / p>
在仍然触发<ul>
和onDropdownShown
事件的情况下,多选仍然表现得好像一切正常。