jquery剪贴板插件和引导3工具提示答案

【问题标题】：jquery clipboard plugin and bootstrap 3 tooltipjquery剪贴板插件和引导3工具提示
【发布时间】：2016-02-16 18:44:42
【问题描述】：

我正在使用剪贴板插件HERE

我想在剪贴板成功事件中修改 bootstrap 3 工具提示标题，但出现错误“TypeError: e.trigger.tooltip is not a function”

<div class="panel panel-default">
  <div class="panel-body">
    <p>
      USERNAME : <a href="#" title="Copy" class="btn-copy" data-clipboard-text="foo">foo</a>
      <br />
      PASSWORD : <a href="#" title="Copy" class="btn-copy" data-clipboard-text="bar">bar</a>
    </p>
  </div>
</div>

$(".btn-copy").tooltip({
  placement: 'right'
});

clipboard.on('success', function(e) {
  e.clearSelection();
  console.log(e.trigger); -->//<a class="btn-copy" data-clipboard-text="foo" title="" href="#" data-original-title="Copy" aria-describedby="tooltip870310">

  e.trigger.tooltip({ title: 'Copied' });
});

clipboard.on('error', function(e) {
  console.log(e);
});

JSFIDDLE

如何解决这个问题？谢谢

【问题讨论】：

标签： jquery twitter-bootstrap clipboard

【解决方案1】：

首先，e.trigger 是一个 DOM 元素而不是 jQuery 元素。所以你需要像这样包装它 $(e.trigger) 这是https://stackoverflow.com/a/30803562/5119765 的工作代码：

$(e.trigger).attr('title', 'Copied').tooltip('fixTitle').tooltip('show');

【讨论】：

谢谢。我曾尝试使用 attr 但没有成功。
使用 attr 只会更新 DOM 元素，不会更新需要刷新的 tooltip 对象。