通过 JQueryUI,有没有办法让工具提示(不是默认的)显示选项集/下拉菜单的各个选项?
我有一个不工作的 Sample
我并不是要求所选选项显示其标题,这在示例中出现。
我的问题是,有时当我将鼠标悬停在选项上时,工具提示会显示在下拉列表后面,具体取决于浏览器。这通常发生在 Firefox 或 IE10 中。
要么它要么不使用 JQueryUI 工具提示。 Chrome 仅使用默认工具提示
如果您不想查看 JSFiddle,下面是我的示例代码:
$(function () {
$(document).tooltip({items:"select,option,.optionClass",position:{ my: "left top", at: "left bottom"}
});
});
请您参考如下方法:
jQuery UI 工具提示适用于 <option>仅当 size属性设置为<select>
Only if the size attribute is set on the select element, do the events necessary for tooltip to work actually fire. - source
这是一个updated example
