Bootstrap Multiselect仅在首次使用时有效

时间:2019-02-12 19:11:47

标签: twitter-bootstrap twitter-bootstrap-3 bootstrap-multiselect

我正在使用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事件的情况下,多选仍然表现得好像一切正​​常。

0 个答案:

没有答案