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

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

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

<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
 });

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

1 个答案: