Question

我在同一个元素上一起使用bootstrap-confirmation和tooltip。我需要不同的内容。例如，可以使用 confirm-title 属性，另一个可以使用 tooltip-title 。现在他们都使用html标签中的标题属性。有没有办法改变默认值？

以下是我的内容：jsfiddle

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

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

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

但我要找的是通过改变文本来源来使用单个标签。

Answer 1

您可以使用工具提示标题和确认标题 完全。这样做：

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/

Answer 2

你可以用js设置标题，如果那是一个选项：

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

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

2 个答案: