ZeroClipboard - 如何使用答案

【问题标题】：ZeroClipboard - How to useZeroClipboard - 如何使用
【发布时间】：2013-04-04 13:55:43
【问题描述】：

我正在使用这个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>

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

【问题讨论】：

您能发布一些您遇到的错误的详细信息吗？这里没有什么可做的。
贴出我写的示例代码。请你看一下，告诉我有什么问题吗？
我注意到您在按钮的 ID 中添加了一个 #（在 HTML 部分），有什么原因吗？
谢谢先生，我很沮丧...示例和 API 太混乱了
所有浏览器都支持这个吗？

标签： javascript copy zeroclipboard

【解决方案1】：

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

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

作为最后的手段，我上传到我的网络服务器并在线尝试，它工作正常。

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

【讨论】：

如果您通过 localhost 运行它是否可以工作（例如，在本地 Windows 机器上安装 XAMPP（如果您使用的是 Windows））？
是的，我使用的是 WAMP。它不起作用，因为它在本地主机上。所以我的浏览器禁用了 flash，导致它无法正常工作。
我不明白，我试过你的解决方案，我有一个激活的闪存，但它仍然无法正常工作。为什么只能在线使用，不能在本地计算机或测试环境中使用？

【解决方案2】：

您的代码中有一个错误！查看按钮 id-attribute 并删除 '#' ！

并且：如果您希望当前页面上的剪贴板按钮超过 1 个，请使用 class 属性而不是 id。

现在可以正常使用了！ ;)

【讨论】：

【解决方案3】：

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

【讨论】：