jquery - 检测所有浏览器中选择选项的鼠标悬停

Question

我试图让一个框弹出下拉菜单的一侧，以与当前悬停的选项内联。这不容易解释，所以这里是一个工作示例(仅适用于 Firefox)。 http://jsfiddle.net/WJaVz/21/

我在 Chrome 和 IE 中尝试过，但似乎都无法识别该选项的 mouseenter 事件，因此预览框永远不会出现。我尝试将事件更改为鼠标悬停和焦点，以防他们喜欢它们，但它在 IE 和 Chrome 中仍然不起作用。 (尚未测试 Opera 或 Safari。)

一个想法是也许使下拉列表成为一个无序列表并使其看起来像一个下拉列表，我想我可以检测到 li 何时具有 mouseenter 事件。

有谁知道这个问题的解决方案，以便它可以在大多数当前浏览器(如果不是全部)中运行，而无需重建大部分浏览器？

Answer 1

谢谢 mcpDESIGNS，我确实尝试了更多的东西，但没有成功。我最终将其重建为无序列表。我将列表样式设置为看起来像下拉菜单，然后我可以轻松检测用户何时将鼠标悬停在无序列表中的 li 上......这适用于所有浏览器 = WIN 8D

代码如下:http://jsfiddle.net/CJbeF/22/