Question

我正在使用新jquery-ui selectmenu widget替换select（嗯：'覆盖'会更精确）。

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

我已经尝试但未设法提供selectmenu一个：

*选择中的工具提示不再有效 *将工具提示设置为selectmenu元素（'.ui-selectmenu-button'）的顶部范围无效

可以吗？

我正在使用jquery ui 1.11.0

Answer 1

jquery-ui selectmenu上的jquery ui工具提示的

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>

如何在jquery ui中为selectmenu提供工具提示？

1 个答案: