如何在jquery界面中给选择菜单一个工具提示

Question

我正在用新的jquery-ui selectmenu小部件替换select(好吧:'覆盖'会更精确)。

我可以很容易地在选择栏中添加一个工具提示。我正在使用jquery-ui工具提示插件。

我试过了，但没有成功地给selectmenu一个:

*选择的工具提示不再工作*设置tooltip到selectmenu元素('.ui-selectmenu-button')的top span也不起作用

可以做到吗?

我用的是jquery ui 1.11.0

Answer 1

DEMO jquery ui tooltip on jquery-ui selectmenu.

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>