如何在jquery ui中给selectmenu添加提示信息?

3

我正在使用新的jquery-ui selectmenu小部件来替换select元素(更确切地说是“覆盖”)。

在之前的

1个回答

3

这里是jquery-ui selectmenu上的jquery ui tooltip演示。

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>

非常感谢!不过有两件事我不太明白:1. 你从哪里得到了 '$( "#"+select_id+"-button")' 这个神奇的东西?2. 'items: "span"' 的部分是做什么用的?没有这个似乎它就不能正常工作。 - Alex
好的,“$(“#”+select_id+“-button”)”在我检查由jquery-ui创建的html时出现。 - Alex
你是否注意到选择菜单项(这是一个选择)的工具提示会比应该停留更长时间(至少在Windows上的Chrome中),如果您快速转到列表中的其他项目?似乎它没有收到失去焦点消息,因此工具提示仍然显示。 - ejectamenta

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接