0

更新

小提琴的例子很有效，我的错。但是它在我的测试网站上不起作用，我在我的网站上做了一个简单的例子。

[链接][1]

输入“医学”并按下“开始”按钮。如果您将鼠标悬停在右上角的按钮上，tooltip似乎不起作用，但“添加”a标签有效。

这是我的 JavaScript 代码：

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

这是我的代码示例：Link。

我tooltip为a标签制作了一个，它有效。但是，我对 an 做了完全相同的事情，button代码似乎坏了。我在这个问题上花了几个小时，但仍然无法治愈。

PS 按钮是在我的应用程序中动态生成的，所以我使用了selector.

4

1 回答 1

4

它也适用于第一个按钮，但由于placement设置为top您看不到它，因为它是在视口之外渲染的。尝试这个：

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

见小提琴

更新（根据您的评论）：

问题是你打$('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
    }
});
于 2014-06-02T10:41:48.863 回答