如何在同一个元素上设置不同的工具提示和确认标题？

Question

我在同一元素上同时使用 bootstrap-confirmation 和工具提示。我需要为他们每个人提供不同的内容。例如，一个可以使用 confirm-title 属性，另一个可以使用 tooltip-title。现在他们都在 html 标签中使用 title 属性。有没有办法更改默认值？

这是我所拥有的：jsfiddle

在此示例中，确认和工具提示都使用了 title 属性。但正如我所说，我希望他们使用两个不同的属性。

我知道我可以为每个标签使用两个不同的嵌套标签，例如：

<a href='#' title="text1" ...><span title="text2" ...> button </span></a>

但我正在寻找的是通过更改文本源来使用单个标签。

Answer 1

你可以用 js 设置标题，如果可以的话：

 $(".tip-top").tooltip({title : 'Your Title'});

Answer 2

您可以完全使用 tooltip-title 和 confirm-title .这样做：

HTML:

<a href="#Delete" class="btn btn-primary btn-large" tooltip-title="Tooltip title" confirm-title="Confirmation title" confirmation tooltip data-singleton="true" data-placement="top" data-popout="true">Click Me</a>

JS:

// Uses 'tooltip-title' as title
$('a[tooltip]').tooltip({title: function() {
    return $(this).attr("tooltip-title");
}});

// Uses 'confirm-title' attribute for title
$('a[confirmation]').confirmation({title: function() {
    return $(this).attr("confirm-title");
}});

演示：https://jsfiddle.net/Drakes/wqccrujg/7/

如何在同一个元素上设置不同的工具提示和确认标题？

How to set different tooltip and confirmation titles on the same element?

jquery

twitter-bootstrap

jquery-ui-tooltip