jquery - 如何在 jquery ui 中为选择菜单提供工具提示？

Question

我正在将 select 替换为新的 jquery-ui selectmenu widget (嗯:“覆盖”会更精确)。

在选择上我可以轻松添加工具提示。我正在使用jquery-ui tooltip plugin .

我已经尝试过，但未能成功为 selectmenu 提供一个:

* 选择上的工具提示不再起作用* 将工具提示设置为 selectmenu 元素的顶部范围 ('.ui-selectmenu-button') 也不起作用

可以吗？

我正在使用jquery ui 1.11.0

Answer 1

<强> DEMO jquery-ui selectmenu 上的 jquery ui 工具提示。

JS代码:

$(function() {
     var select_id = "SelectMenu";
     $( "#"+select_id ).selectmenu();

     $( "#"+select_id+"-button").tooltip({items: "span", content: 'This is select'});
});

HTML:

<label for="SelectMenu">Selectmenu example:</label>
    <select name="SelectMenu" id="SelectMenu">
        <option id="option1" title="Tooltip1">option1</option>
        <option id="option2" title="Tooltip2">option2</option>
    </select>