Javascript 如何在单击工具提示的锚点时更改工具提示？

我正在设计一个用户可以点击Glyphicon锚定并将文本复制到剪贴板的设计。我希望在单击按钮时更改工具提示。因此，当他们将鼠标悬停在按钮上时，它将显示“复制到剪贴板”，但单击该按钮后，工具提示将变为“已复制！”

这就是GitHub在分叉存储库时的UI行为

我有复制功能，并且初始的悬停工具提示，我不知道如何在单击时进行更改。我还创建了一个JSFIDLE来帮助描述我所说的内容。提前谢谢

---

您要查找的是jQuery中更新工具提示的

数据原始标题的
属性的
click（）
事件：

$("a.my-tool-tip").click(function(){
    $("a.my-tool-tip").attr('data-original-title', 'Copied');
});

请注意，要获得新标题可能有点麻烦，因此您可能需要再次关闭并打开工具提示：

$("a.my-tool-tip").click(function(){
    $("a.my-tool-tip").attr('data-original-title', 'Copied');
    $("a.my-tool-tip").tooltip('show');
});

我创建了一个小提琴来展示这一点。
您要查找的是jQuery中的
单击（）
事件，该事件更新工具提示的
数据原始标题
属性：

$("a.my-tool-tip").click(function(){
    $("a.my-tool-tip").attr('data-original-title', 'Copied');
});

请注意，要获得新标题可能有点麻烦，因此您可能需要再次关闭并打开工具提示：

$("a.my-tool-tip").click(function(){
    $("a.my-tool-tip").attr('data-original-title', 'Copied');
    $("a.my-tool-tip").tooltip('show');
});

我已经创建了一个小提琴来展示这一点。
为了达到同样的效果，您可以使用以下jQuery片段：

$("a.my-tool-tip").tooltip();
$("#copy-button").on('click', function() {
  var tooltip = $(this);
  tooltip.attr('data-original-title', 'Copied!');
  $("a.my-tool-tip").tooltip('show');
});

要切换工具提示的视图，只需使用
.show（）

下面是一个有效的jQuery代码段，为了达到相同的效果，您可以使用以下jQuery代码段：

$("a.my-tool-tip").tooltip();
$("#copy-button").on('click', function() {
  var tooltip = $(this);
  tooltip.attr('data-original-title', 'Copied!');
  $("a.my-tool-tip").tooltip('show');
});

要切换工具提示的视图，只需使用
.show（）

下面是一个正在运行的jQuery支持在元素上设置的函数。再加上一些bootstrap，你就是黄金

jQuery

$('#copy-button').click(function(){
   $(this).attr( "data-original-title", "Copied!" );
   $(this).tooltip('show');
})

jQuery支持在元素上设置函数。再加上一些bootstrap，你就是黄金

jQuery

$('#copy-button').click(function(){
   $(this).attr( "data-original-title", "Copied!" );
   $(this).tooltip('show');
})

您不需要。（'hide'）部分。您不需要。（'hide'）部分。