javascript - zClip 不起作用 - 多次复制到剪贴板 JS

Question

我尝试复制到剪贴板按钮，但我不知道为什么我做不到。我使用 ajax 加载页面，因此当我将鼠标悬停在按钮上时，我调用一个函数将 zclip 添加到我的按钮。但当我点击它时，什么也没有发生。这是我的代码:JS:

<script type="text/javascript" src="<?php echo JS_DIR?>zclip.min.js"></script>
<script type="text/javascript">
    function mouseOver(){
        $('.copyMails').each(function (k,n) {
            console.log("test");
            var copyMails = $(this);
            $(this).zclip({
                path: '<?php echo JS_DIR?>ZeroClipboard.swf',
                copy: function () {
                    var val = $(copyMails).attr('data-clipboard-text'); 
                    return val;
                },
                afterCopy: function () { console.log($(copyMails).data('clipboard-text') + " was copied to clipboard"); }
          });
        });
    }
</script>

还有我的按钮:

<button onmouseover="mouseOver()" data-clipboard-text="<?php echo implode(',', $emails); ?>" class="copyMails" title="Copier les adresses emails">
    Copier les adresses emails
</button>

提前致谢。

Answer 1

我无法让它在我的服务器上工作，我从 zclips 网站下载了 ZeroClipboard.swf，但无法工作。我注意到 zclips 网站上的 swf 不是他们用于示例的 swf。所以我创建了一个指向 http://www.steamdev.com/zclip/js/ZeroClipboard.swf 的超链接然后单击“链接另存为”，将大小与我最初下载的大小进行比较，发现它更大。因此，我将上面链接中的新文件放到我的服务器上，它运行得很好。

我认为，如果您直接通过 zclips 网站的下载链接下载了 swf，那么这是您的问题，也是我的问题。尝试将我的链接另存为文件，然后将其上传到您的服务器。