我有一个要求,当用户将鼠标悬停在链接上时,我必须在其中折叠选择框。
我的代码似乎适用于 FF 和 IE,但不适用于 Safari 和 Chrome。 Here's 简化版。
请告知我缺少什么?
编辑:感谢 Rob 指出这一点。当我说“我必须失去焦点”时,我的意思是“我必须折叠选择框并将焦点移出/模糊”。
编辑:我想我的问题和总结不正确/误导。我试图改写它,以显示我的要求/问题。无论如何,here's 我现在拥有的。这是一个黑客,但它现在似乎也可以在 Chrome 上运行,但是 Safari 仍然很难获得。有什么建议吗?
最佳答案
我猜这已经超出了您的需求,这不是一个“好的”解决方案,但以防万一有人遇到这种情况。我只能通过隐藏链接悬停时的选择,然后在鼠标离开时再次显示它(我没有尝试过 Safari),才能让它在 Chrome 中使用您现有的代码工作。
http://jsfiddle.net/52enE/
还有另一种创建虚拟选择的解决方案,但据报道当时在最新的 chrome 中不起作用:
Close a SELECT dropdown list programatically with Javascript/jQuery
由于浏览器控制选择以及如何查看表单元素,因此可能没有好的解决方法......“最佳”(仍然不好)解决方案可能是使用像选择一样但可以完全控制的自定义输入使用 hide() 调用...或找到更改要求的方法:)
关于jquery - 在 chrome/safari 中展开时如何折叠选择框?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/11186264/