我使用的是这个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中运行了上面的代码/网页,控制台中没有错误日志。它是空白的。
发布于 2013-04-06 00:44:07
好的,我得到了它的工作,我也认为我上面发布的代码是正确的。
问题是我在本地测试,浏览器通常会阻止flash在本地运行。这就是导致它失败的原因,尽管代码是正确的。
作为最后的手段,我上传到我的web服务器并尝试在线,它工作得很好。
因此,在将ZeroClipboard上传到您的网络服务器之后,请始终在线测试它。
发布于 2014-12-19 07:43:54
你的代码中有一个Bug!查看按钮id属性并删除'#‘!
还有:如果你想在当前页面上有多个剪贴板按钮,使用class属性而不是id。
现在它工作得很好!;)
发布于 2014-04-11 20:11:53
您可以通过添加端口3000在本地测试ZeroClipboard。例如http://localhost:3000
https://stackoverflow.com/questions/15813332
复制相似问题