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

Question

通过JQueryUI,有没有办法获得工具提示(不是默认值),显示选项集/下拉列表的各个选项？

我有一个不工作的 样本

我不是要求所选的选项显示它的标题,这是在样本中发生的.

我的问题是,当我将鼠标悬停在选项上时,有时候工具提示会根据浏览器显示在下拉列表后面.这通常发生在Firefox或IE10中.

要么它或它不使用JQueryUI工具提示.Chrome只使用默认工具提示

下面是我的示例代码,如果你不想看JSFiddle:

$(function () {
    $(document).tooltip({items:"select,option,.optionClass",position:{ my: "left top", at: "left bottom"}
    }); 
});

Answer 1

作为一个选项，您可以不将工具提示放置在下拉菜单的右侧吗？将 margin-left:70px 添加到示例中的 .ui-tooltip 类中 - 这不是您所要求的，但可能是一种解决方法。