是否可以在HTML选择下拉菜单的每个选项上附加一个qtip2工具提示

Is it possible to attach a qtip2 tooltip to each option of an HTML select drop down?

本文关键字：工具提示 qtip2 一个 选项 HTML 选择 下拉菜单 是否      更新时间：2023-12-31

使用浏览器的本机工具提示，我可以很容易地将工具提示附加到SELECT元素的每个选项。即，在以下示例中，当我将鼠标悬停在每个选项上时，我会得到相应的工具提示（第一个选项为"Option1"等）：

<select  id='test_dd' name='options'>
    <option title='Option1' value='1' >Option1</option>
    <option title='Option2' value='2' >Option2</option>
    <option title='Option3' value='3' >Option3</option>
</select>

但是，如果我尝试用Qtip来做到这一点，例如，在我的HTML代码底部添加以下内容：

<script type="text/javascript" src="javascript/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="javascript/jquery.qtip.min.js"></script>
<script type="text/javascript"> $('[title]').qtip(); </script>

我无法在选项旁边显示任何工具提示（qtip安装正确，路径正确-通过此设置，我可以在其他元素上显示工具提示）。正在阅读此链接http://craigsworks.com/projects/forums/showthread.php?tid=3630，似乎无法完成，除非您将默认的SELECT元素更改为自定义元素？

这是不可能的。有些浏览器，特别是IE，不在<option>标签上注册事件。除了样式之外，这也是创建了许多<select>替换插件的另一个原因。

相关文章：