Question

我正在尝试结合使用jQuery UI selectmenu和tooltip来创建一个悬停在selectmenu上的工具提示。问题是，当你在元素上调用selectmenu()时，jQuery似乎删除了title属性，导致工具提示不显示在该元素上。致电$('#element').attr("title", "Test")不会做任何事情。

如何设置jQuery selectmenu的tite属性？

Answer 1

这不起作用，因为您在页面上看到的选择不再是您的选择列表。它是由.selectmenu()创建的新元素组，其外观类似于选择。

您需要在页面上找到新组，并将工具提示应用于该组。 jQuery .selectmenu()会将新群组的ID设置为与带有后缀"-button"的选择的ID相同。

$(function () {
    $("#number").selectmenu();
    
    $("#number-button").attr("title", "").tooltip({
        content: function () {
            return "some tooltip";
        }
    });
});

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<select name="number" id="number" title="test">
    <option>1</option>
    <option selected="selected">2</option>
    <option>3</option>
    <option>4</option>
</select>

jQuery UI selectmenu失去title属性

1 个答案: