我在div内有一组jquery ui可选择的东西,它在发生悬停事件时会扩展为完整大小。理想的效果是人们可以选择/多选/套索尽可能多的可选对象。完成选择后,鼠标移至页面的另一部分,div返回其最小尺寸。

基本上我可以使用它,但是当我套索选择多个对象时,似乎:hover状态被取消或禁用。这导致div过早地恢复其原始大小,从而破坏了用户体验。

jsfiddle在这里:http://jsfiddle.net/Ty6RX/2/

有问题的div包含蓝色的“所有客户”。如果尝试套索选择多个对象,应该会看到问题。任何帮助是极大的赞赏!

最佳答案

按住鼠标键时,元素会离开:hover并进入:active状态w3schools reference。幸运的是,您可以将CSS类应用于这两种状态,而不会干扰用户

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

 #customer_picker:hover, #customer_picker:active {

    ...

    height: 300px;
 }

关于javascript - 套索可选项禁用CSS:hover状态,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/20422936/

10-08 20:32