Question

我正在使用Zeroclipboard让用户将链接复制到他们的剪贴板。对于此功能，我正在尝试使用Bootstrap的工具提示，以便在用户首次悬停在链接上时显示弹出消息（“复制链接到剪贴板”）。点击链接后，工具提示文本应更改为“复制！”

我能够使剪贴板功能正常工作并将工具提示文本更改为“已复制”！但是，当用户最初悬停在链接上时，工具提示会在从视图中消失之前闪烁。

这似乎是一个报道的问题，但没有一个建议对我有用：

https://github.com/zeroclipboard/zeroclipboard/issues/369

这就是我目前所拥有的：

 <div class="name step_link" data-clipboard-text="<%=project_steps_url(@project, :step=>step.id) %>" title="copy link to clipboard" rel="tooltip" ><%= step.name %>
    </div>

<script>
 var clip = new ZeroClipboard($(".step_link"));
 var default_copy_text = "copy link to clipboard";

 $('.step_link').tooltip({
     title: default_copy_text, 
     placement: 'bottom'
 });

 clip.on('aftercopy', function(event){
    $(event.target).attr('data-original-title', 'copied!');
    $(event.target).tooltip({placement: 'bottom'}).mouseover();
 });
</script>

有趣的是，如果我添加以下内容：

document.getElementById('global-zeroclipboard-html-bridge').style.position = 'fixed' ;

工具提示不闪烁，但没有任何东西被复制到剪贴板！（我在这里找到了这个提示：http://mrjoelkemp.com/2013/06/zeroclipboard-with-a-bootstrap-modal/）

非常感谢任何帮助！

Zeroclipboard和Bootstrap Tooltip消失的Bug

0 个答案: