javascript - 无法让 ZClip 工作

Question

我知道它甚至可以在这个网站上工作，但只有当我通过 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 已移动到 span、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>

Answer 1

这是一个绝对定位问题。这个问题在这里得到了回答:
zclip not working inside table

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

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

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