1

Jquery-ui 工具提示功能似乎不适用于按钮作为目标。使用 jquery-ui 1.9.2 版和 jquery 1.8.3 版。

我为我的问题创建了jsfiddle,但它似乎根本不起作用。我完全被难住了。这是我的javascript:

$(document).ready(function () {
    $('#myBtn').tooltip({
        position: {
            my: "left top",
            at: "bottom"
        },
        content: function () {
            return "This tooltip is a function return value with <b>HTML content</b>";
        }
    });
});

这是HTML:

<body>
    <form>
        <button id="myBtn" class="text">My button</button>
    </form>
</body>
4

1 回答 1

1

工具提示可以附加到任何元素。当您将鼠标悬停在元素上时,title 属性会显示在元素旁边的一个小框中,就像原生工具提示一样。

但由于它不是原生工具提示,因此可以设置样式。使用 ThemeRoller 构建的任何主题也将相应地设置工具提示的样式。

因此,要解决您的问题,您可以设置一个空的标题属性,例如:

<body>
    <form>
        <button id="myBtn" title="" class="text">My button</button>
    </form>
</body>

演示:http: //jsfiddle.net/VSEQP/

于 2013-10-24T19:14:39.713 回答