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

Question

我将 a 替换select为新的jquery-ui 选择菜单小部件（嗯：“覆盖”会更精确）。

在选择时，我可以轻松添加工具提示。我正在使用jquery-ui 工具提示插件。

我试过了，但没有成功selectmenu：

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

可以做到吗？

我在用着jquery ui 1.11.0

Answer 1

jquery-ui selectmenu上jquery ui tooltip的DEMO 。

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>