Question

使用浏览器的原生工具提示，我可以轻松地将工具提示附加到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元素更改为自定义元素？

Answer 1

这是不可能的。某些浏览器（尤其是IE）不会在<option>标记上注册事件。除了样式之外，这是创建了许多<select>替换插件的另一个原因

是否可以将qtip2工具提示附加到HTML选择下拉列表的每个选项？

1 个答案: