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

通过JQueryUI，是否有一种方法可以显示optionset/下拉列表的各个选项的工具提示（而不是默认提示）

我有一张非工作票

我并不是要求所选选项显示它的标题，它发生在示例中

我的问题是，有时当我将鼠标悬停在选项上时，工具提示（取决于浏览器）会显示在下拉列表后面。这通常发生在Firefox或IE10中

或者它不使用JQueryUI工具提示。Chrome只使用默认的工具提示

如果您不想查看JSFIDLE，下面是我的示例代码：

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

---

作为一个选项，您不能将工具提示放置在下拉列表的右侧吗？在您的示例中，在.ui工具提示类中添加margin left:70px-这不是您所要求的，而是可以解决的问题。

jQuery ui工具提示仅在为

设置了

size

属性时才适用于

仅当在select元素上设置了size属性时，才执行事件 要使工具提示真正起作用，必须使用它。 -

---

这里有一个

我自己目前无法解决这个问题，但我已经想出了一种方法，至少能够使用工具提示小部件来选择

假设你有一个

拿着一个

。您可以使用

设置工具提示样式，将鼠标悬停在文本上：

$(document).ready(function() {
        $(document).tooltip();

        $('#SelectField').change(function(e) {
                $('#SelectFieldDiv').prop('title', $('#SelectField').find(':selected').prop('title'));
        });

        $('#SelectField').change();
});

不幸的是，问题的答案似乎是：否，除非将“大小”属性设置为大于1的值（很少有选择是这样的），否则不能将“工具提示”与“打开选择”一起使用

---

我使用最新的版本进行了测试：jqueryv。3.2.1; jQueryUIV。1.12.1.

仅当为

元素设置了size属性时，jQuery UI工具提示才适用于

---

我制定了一个适合我的解决方案，

我不相信使用native Select可以做到这一点。如果您可以升级到jQueryUI1.11，他们会引入

selectmenu

小部件，您可以在其中添加工具提示。