jQuery UI的工具提示显示在选择选项上
通过JQueryUI，有没有办法提供工具提示（不是默认值），显示一个选项集/下拉菜单的选项？
我有一个非工作的样本
我不要求选定的选项显示它的标题，这是发生在样本中。
我的问题是，有时候，当我将鼠标悬停在选项上时，取决于浏览器的工具提示会显示在下拉列表的后面。 这通常发生在Firefox或IE10中。
无论是它还是它不使用JQueryUI工具提示。 Chrome只使用默认工具提示
下面是我的示例代码，如果你不想看JSFiddle：
$(function () {
$(document).tooltip({items:"select,option,.optionClass",position:{ my: "left top", at: "left bottom"}
});
});
只有为<select>设置了size属性时，jQuery UI工具提示才能用于<option> <select>
只有在select元素上设置了size属性时，才能实际触发工具提示工作所需的事件。 - 资源
这是一个更新的例子
作为一个选项，您不能将工具提示放在下拉菜单的右侧？ 将margin-left：70px添加到示例中的.ui-tooltip类中 - 它不是您要求的内容，而是可以解决的问题。
我目前无法自己超越这个问题，但我已经想出了一种至少能够使用工具提示小部件的方法。
想象一下你有一个<select id="SelectField"> <div id="SelectFieldDiv"> <select id="SelectField"> 。 您可以使用<div id="SelectFieldDiv">具有工具提示样式的鼠标悬停文本：
$(document).ready(function() {
$(document).tooltip();
$('#SelectField').change(function(e) {
$('#SelectFieldDiv').prop('title', $('#SelectField').find(':selected').prop('title'));
});
$('#SelectField').change();
});
不幸的是，这个问题的答案似乎是： 不，你不能在select上使用工具提示，除非你将size属性设置为大于1的东西 （这很少有选择是这样的）。
我测试了最新版本：jQuery v。3.2.1; jQuery-UI v。1.12.1。
链接地址: http://www.djcxy.com/p/49647.html