Question

我正在使用这个http://jonrohan.github.io/ZeroClipboard/

我花了一整天的时间来弄清楚如何使用ZeroClipboard（ZC）。我甚至阅读了说明：https://github.com/jonrohan/ZeroClipboard/blob/master/docs/instructions.md 然后一步一步跟着它做不到。

我一次又一次地尝试，但我无法让它发挥作用。我甚至花了几个小时阅读stackoverflow和其他页面上的其他指南，但都无法让它工作。而且，大多数答案都已过时。

任何人都可以写一个复制段落标签的简单工作ZC代码：

<p>Hello, I'm Armesh</p>

然后只需告诉我ZC代码的每个部分以及为什么以这种方式编写它。

我计划使用ZC复制由我的生成器生成的引用：http://anonoz.com/armesh/

这是我写的代码，所有链接引用都是正确的：

<!DOCTYPE HTML>
<html>
<head>
    <title>Zero Test</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script src="javascripts/ZeroClipboard.js"></script>
</head>

<script language="JavaScript">
$(document).ready(function() {

  var clip = new ZeroClipboard($("#copy_button"), {
      moviePath: "javascripts/ZeroClipboard.swf"
    });     
});
</script>

<body>
<button id='#copy_button' data-clipboard-target='to_copy'><b>Copy To Clipboard</b></button>

<p id='to_copy'>123456</p>

</body>
</html>

我还在谷歌浏览器中运行了上面的代码/网页，控制台中没有错误登录。这是空白的。

Answer 1

好的我工作了，我也认为上面发布的代码是正确的。

问题是我在本地测试，浏览器通常会阻止Flash在本地运行。尽管代码正确，但这仍然导致它失败。

作为最后的手段，我上传到我的网络服务器并在线试用，它运行良好。

因此，在将ZeroClipboard上传到Web服务器后，请务必在线测试。

Answer 2

您的代码中存在错误！查看按钮id-attribute并删除'＃'！

和：如果你想在当前页面上使用多个剪贴板按钮，请使用class属性而不是id。

现在工作正常！ ;）

Answer 3

您可以通过添加端口3000在本地测试ZeroClipboard。例如http://localhost:3000

ZeroClipboard - 如何使用

3 个答案: