无法让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已被移动到跨度、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>

Answer 2

我一直都有同样的问题。在我的例子中，我发现如果click对象在表格单元格中，zclip就不能工作。所以下面的html起作用了：

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

但这不会：

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

使用firebug时，我发现透明的flash窗口覆盖在页面上的错误位置。当我发现它在哪里时，我可以点击它，它工作正常。但是，我不明白为什么它不放在实际的click对象上。

Answer 3

我现在正在使用这个，我认为id "copyTxt“必须在按钮上，或者在锚定标签上。你试过吗？