jquery - 一页上有更多不同的 jQuery UI 工具提示

Question

使用 jQuery UI，如何在一页上有更多不同设置的工具提示？

我正在使用具有不同配置的工具提示：

$(document).tooltip({
        items: "[data-tooltip]",
        content: function() {
            return $(this).data("tooltip");
        },
        show: 100,
        hide: 100
});

另一个具有更多默认配置

$(document).tooltip({
        show: 100,
        hide: 100
});

我怎样才能将它们放在一个站点上？一起调用这两种方法不起作用。

Answer 1

我认为你不想在同一个元素上有不同的工具提示

所以只需使用选择器和类来选择用于 wich 元素的工具提示

<a class="selector">dasdasdsa</a>
<span class="selector2">dadasasdasdas</span>

$(".selector" ).tooltip({
    items: "[data-tooltip]",
    content: function() {
        return $(this).data("tooltip");
    },
    show: 100,
    hide: 100
 });

$(".selector2" ).tooltip({
    show: 100,
    hide: 100
 });