Question

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>

Answer 1

Tooltips可以附加到任何元素。当您使用鼠标悬停元素时，标题属性会显示在元素旁边的小方框中，就像本机工具提示一样。

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

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

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

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

Jquery-ui Tooltip无法使用HTML Button？

1 个答案: