javascript - 自定义选择框(jquery 脚本)- 非 FF div 滚动问题

Question

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

在 Firefox 3.6.10 中它工作得很好，但在 Chrome (6.0.472.63) 中，Opera> (10.62) 当我试图向下滚动选择框列表时(在本例中是溢出的 div)它消失了。 它看起来像一个错误，你能检查一下吗？尝试查看第 182 行:

    .blur(function() {...}

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

view example HERE请在 FF 和 Chrome/Opera 上试用

PS:我没怎么关注IE...这又是一场战斗，但我会保留它以备后用!

---

任何帮助将不胜感激!感谢您的宝贵时间!!

来自葡萄牙的欢呼

Answer 1

是的，它看起来确实像一个错误。我不确定此控件的出现和消失机制到底是什么，但看起来当我尝试滚动下拉区域时，.blur() 样式事件正在触发父控件，但没有为子控件触发 .focus() 样式事件。

您可以尝试将 .blur() 样式事件的下拉菜单消失延迟一秒，然后仅在 .scrollTop() 时隐藏下拉菜单下拉列表的 没有改变(这让用户在他们捕获滚动条以实际滚动它之间有一个延迟，如果他们这样做它不会隐藏)。这是一个庞大的解决方法，但如果不更仔细地研究代码，就很难知道是否有更好的方法。