Question

更新

小提琴的例子正在起作用，我的不好。但是它不能在我的测试网站上运行，我在我的网站上做了一个快速的例子。

[链接] [1]

输入'药'并按下'go'按钮。如果您将鼠标悬停在右上角的按钮上，则tooltip似乎无法正常工作，但“添加”a代码仍有效。

这是我的javascript代码：

    $("body").tooltip({
    placement: 'top',
    selector: 'button.resize',
    trigger: 'hover',
    title: 'message'
});

~~以下是我的代码示例：Link。~~

我为tooltip代码制作了a，该代码有效。但是，我对button执行了完全相同的操作，但代码似乎已被破坏。我在这个问题上花了几个小时，但仍无法治愈。

<德尔> P.S。该按钮是在我的应用程序中动态生成的，因此我使用了selector。

Answer 1

它也适用于第一个按钮，但由于placement设置为top，因此无法看到它，因为它在视口外部呈现。试试这个：

$("body").tooltip({
    placement: 'right',
    selector: 'button.resize',
    trigger: 'hover',
    title: 'message'
});

请参阅Fiddle

更新（根据您的评论）：

问题是您要拨打$('body').tooltip()两次。你可以尝试：

//add definition tooltip
$("body").tooltip({
    placement: 'right',
    selector: 'a.add',
    trigger: 'hover',
    title: posts.addDefinition
});

//resize tooltip
$("html").tooltip({
    placement: 'top',
    selector: 'button.resize',
    trigger: 'hover',
    title: 'message'
});

或者展开选择器以包含两者，并使用函数来确定title：

$("body").tooltip({
    placement: 'right',
    selector: 'a.add, button.resize',
    trigger: 'hover',
    title: function() {
        return this.title; // insert your custom logic here
    }
});

bootstrap工具提示不适用于按钮标记

1 个答案: