Question

我需要一点帮助...... 阅读并搜索了一段时间后，我发现了一个很好的jQuery插件来处理selectbox自定义样式问题。我做了一些小修改，让它按照我的意愿工作。该插件会隐藏自定义选择并附加一些div和ul标记。

在 Firefox 3.6.10中，效果非常好，但在 Chrome （6.0.472.63）中， Opera （10.62）当我试图向下滚动选择框列表时（在这种情况下，div有溢出）它消失。它看起来像一个bug，你能检查一下吗？试着看看第182行：

    .blur(function() {...}

我试图做一个例子，所以我清理了很多自定义CSS，并且对任何想要分析它的人都清楚了。

view example HERE请尝试使用FF和Chrome / Opera

PS：我没有太注意IE ......这将是另一场战斗，但我会保留它以供日后使用！

任何帮助将不胜感激！谢谢你的时间!!

来自葡萄牙的干杯

Answer 1

是的，它确实看起来像一个bug。我不确定这个控件的显示和消失机制是什么，但看起来当我尝试滚动下拉区域时，.blur()样式事件正在为父控件触发，但是没有{ {1}}样式事件正在为子控件触发。

对于.focus()样式事件，您可以尝试将下拉消失延迟一秒，然后只有在下拉列表的.blur()未更改时才隐藏下拉列表（这会给出用户在抓住滚动条以实际滚动它之间的延迟，如果他们这样做则不会隐藏）。这是一个大规模的解决方案，但如果不仔细研究代码，就很难知道是否有更好的方法。