2

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

我还在 Google Chrome 中运行了上面的代码/网页,控制台中没有错误日志。它是空白的。

4

3 回答 3

7

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

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

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

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

于 2013-04-05T16:44:07.233 回答
1

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

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

它现在工作正常!;)

于 2014-12-18T23:43:54.137 回答
0

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

于 2014-04-11T12:11:52.783 回答