8

我知道它甚至可以在这个站点上工作,但只有当我通过 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我确实在那里收到一条消息,但它不会进一步移动。

idcopyTxt已移动到跨度、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>
4

3 回答 3

11

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

我遇到了同样的问题,现在解决了!

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

<div style="position:relative">
<img id="copyTxt" src="/images/copy.png"/>
</div>
于 2012-02-07T21:21:55.193 回答
3

我一直有同样的问题。就我而言,我发现如果单击对象位于表格单元格中,zclip 将不起作用。所以下面的html起作用了:

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

但这不会:

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

使用萤火虫我发现透明的闪光窗口覆盖在页面上的错误位置。当我发现它在哪里时,我可以点击它,它工作正常。但是,我不明白为什么它没有定位在实际的点击对象上。

于 2011-10-04T05:42:42.170 回答
0

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

于 2011-09-13T06:36:04.593 回答