无法让 ZClip 工作

我知道它甚至在这个网站上也能工作，但只有当我通过 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我确实收到了一条消息，但它没有进一步移动。

The 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 无法在表内工作 https://stackoverflow.com/questions/8673681/zclip-not-working-inside-table

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

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

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