javascript - 将鼠标悬停在 IE 中的选择列表(窗口)中的选项上不会生成工具提示

Question

将鼠标悬停在 IE 中的选择列表(窗口)中的选项上不会生成工具提示，但在 FireFox 和 Chrome 中工作正常。我已经在 jsbin.com 和 jsfiddle.net 上设置了一个工作演示，以更方便的为准。

• Link To jsfiddle.net Demo.
• 和
• Link To jsbin.com Demo.
• 这样您就可以看到它的实际效果。

正在使用的函数不是我写的，我在这里找到的:owainlewis.com/blog/post/simple_jquery_tool_tip_plugin。最初它是为了将“标题”属性显示为工具提示而编写的，但我重写了其中的一些内容(将“标题”替换为“选项”)以满足我的需求。要准确了解我的意思，请先在 Firefox 或 Chrome 中查看这些演示。

抱歉，我忘了提及此 HTML 代码是由 PHP 生成的。使用 title 属性对我来说非常有用，如果我负责 PHP，那么我就不必重新编写原来的插件。不幸的是，现在我必须继续寻找。

附注

我愿意接受任何解决方法。 (如果没有 hack，我将返回到 title 属性。)

Answer 1

你不需要 JavaScript 来做到这一点，事实上，你不能使用 JavaScript 来做到这一点。 IE 不响应选项项上的鼠标悬停。如果您需要动态工具提示，只需更改选项的标题属性即可。

虽然这是一个简单的标题属性，但这对我在 IE9 中有效:http://jsfiddle.net/n5YUk/4/

检查列表中的第一个选项 - 我将其更改为:

<option title="dash dash" Value="">--</option>

我知道这不是您希望得到的，但这是您在 IE 中获得它的唯一方法。

保罗