javascript - 元素多时如何克服JQuery MultiSelect 性能问题？

Question

我正在使用来自 JQuery UI 的 JQuery Multiselect:http://www.erichynds.com/blog/jquery-ui-multiselect-widget

它具有搜索元素、选项列表和复选框列表等的强大功能，但是

当元素数超过 700 时效果不佳，并且在 IE 8.0 中存在 CSS 问题。

我在哪里可以找到可以在大量情况下表现良好的多选和可搜索下拉列表？我用谷歌搜索但找不到任何符合这些条件的内容。

如果可能的话，我想避免自己构建一个新的此类控件。

Answer 1

您最好只使用 CSS 设计自己的样式。如果不需要，不应该使用 JS。这是 jsfiddle.com http://jsfiddle.net/snlacks/4WRS2/2/

编辑:我让它更漂亮了一点:http://jsfiddle.net/snlacks/4WRS2/4/

如果您有任何问题，请提出。

<div class="multiselect">
    <ul>
        <li><label><input type="checkbox" name="1"/><div>Test 1</div></li>
        ...
    </ul>
</div>

css 上的关键点在这里。

.multiselect {...
    overflow: scroll;
    box-sizing: margin-box;
}
....
.multiselect li input[type="checkbox"]:checked~span {
    background: #efefef;
}