我正在设计一种用户可以单击Glyphicon锚点的设计，它将文本复制到剪贴板。我希望在单击按钮时更改工具提示。因此，当他们将鼠标悬停在按钮上时，它将显示“复制到剪贴板”，但是在单击按钮后，工具提示将变为“已复制！”。
<div style='margin: 20px;'>
<a id='copy-button' href='#' class='my-tool-tip' data-toggle="tooltip"
data-placement="right" title="Copy to Clipboard">
<i class='glyphicon glyphicon-link'></i>
</a>
</div>
这是GitHub的UI在分叉存储库时的行为。
我具有复制功能，并且还有最初的悬停工具提示，我无法弄清楚如何在单击时进行更改。我还创建了一个jsfiddle来帮助描述我在说什么。提前致谢！
您正在寻找的是click()jQuery中的一个事件，该事件更新了工具提示的data-original-title属性：
$("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');
});
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句