Lasso selectables禁用CSS：悬停状态

Question

我在div中有一组jquery ui可选择的东西，在悬停事件时会扩展为完整大小。期望的效果是人们可以根据需要选择/多选/套索尽可能多的可选对象。当他们完成选择，并且鼠标转到页面的另一部分时，div将返回其最小化的大小。

基本上我有它工作，但是当我套索选择多个对象时，似乎:hover状态被取消或禁用。这导致div过早地恢复到其原始大小，因此破坏了用户体验。

jsfiddle here：http://jsfiddle.net/Ty6RX/2/

有问题的div包含蓝色的“所有客户”。如果您尝试套索选择多个对象，您应该会看到问题。非常感谢任何帮助！

Answer 1

当按住鼠标时，该元素将从:hover开始进入:active状态w3schools reference。幸运的是，您可以在不中断用户的情况下将CSS类应用于这两种状态

试试这个 http://jsfiddle.net/Ty6RX/3/

 #customer_picker:hover, #customer_picker:active {

    ...

    height: 300px;
 }