当有许多项目时，如何解决JQuery MultiSelect性能问题？

Question

我正在使用JQuery UI中的JQuery Multiselect：http://www.erichynds.com/blog/jquery-ui-multiselect-widget。它有很好的搜索功能，选项列表和复选框列表等特性，但是当项目数量超过700时，它的性能表现不佳，并且在IE 8.0中存在CSS问题。

我想知道在哪里可以找到一个多选和可搜索的下拉列表，在大量数据时也能表现良好？我已经搜索了谷歌，但没有找到符合这些标准的东西。

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

- The Light

---

你能提高性能吗？我现在也遇到同样的问题，它真的拖慢了应用程序。 - user1050619

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;
}

- Steven Lacks