无法让 ZClip 工作答案

【问题标题】：Can't get ZClip to work无法让 ZClip 工作
【发布时间】：2011-09-06 08:41:45
【问题描述】：

我知道它甚至可以在这个网站上工作，但只有当我通过 h1 元素触发它时，我需要通过图像（代表副本）触发它，但是当我尝试它时它根本不起作用。这是我的 Javascript：

$('#copyTxt').click(function(){
       alert($('#Txt2Copy').text());
       $(this).zclip({
           path: '/scripts/js/ZeroClipboard.swf',
           copy: $('#Txt2Copy').text(),
           afterCopy: function(){
               alert($('#Txt2Copy').text() + " was copied to clipboard");
           }
       });
    });

警报只是为了确保它到达并且它不会复制，如果我添加 beforeCopy 我确实会在那里收到一条消息，但它没有进一步移动。

id copyTxt 已移至跨度、img、tr、td 和表本身，但除非我从 H1 触发事件，否则它将无法工作。图片所在的 HTML：

<tr>
          <td><label for="navUrl">Navigation URL &nbsp;<img id="copyTxt" src="/images/copy.png"/></label></td>
          <td id="Txt2Copy"><?= $this->order["order"]["navigationUrl"] ?></td>
        </tr>

【问题讨论】：

zclip not working inside table的可能重复
我确定确实如此。我当时无法评论。这是同样的问题，但有解决方案！

标签： javascript jquery clipboard zclip

【解决方案1】：

这是一个绝对定位问题。这个问题已经在这里回答了：
zclip not working inside table

我遇到了同样的问题，现在解决了！

因此，在您的情况下，为您的链接添加一个包装器，如下所示：

<div style="position:relative">
<img id="copyTxt" src="/images/copy.png"/>
</div>

【讨论】：

这让我更接近了，但我仍然不完全在那里。你真的让它完全正常工作吗？

【解决方案2】：

我也遇到了同样的问题。就我而言，我发现如果单击对象位于表格单元格中，zclip 将不起作用。所以下面的html起作用了：

<a id="copy-button">Copy</a>

但这不会：

<table><tr><td><a id="copy-button">Copy</a></td></tr></table>

使用 firebug，我发现透明 Flash 窗口叠加层位于页面上的错误位置。当我发现它在哪里时，我可以点击它，它工作正常。但是，我不明白为什么它没有定位在实际的点击对象上。

【讨论】：

根据您的建议，我做了同样的事情。我的链接被埋在一个 div 中，也不能正常工作。感谢您的提示！！！

【解决方案3】：

我现在正在使用它，我认为 id "copyTxt" 必须位于按钮或锚标记上。你试过吗？

【讨论】：