Skip to main content
 首页 » 编程设计

jquery ui 工具提示显示在选择选项上

2026年05月17日45shanyou

通过 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