首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >ZeroClipboard -如何使用

ZeroClipboard -如何使用
EN

Stack Overflow用户
提问于 2013-04-04 21:55:43
回答 3查看 14.1K关注 0票数 2

我使用的是这个http://jonrohan.github.io/ZeroClipboard/

我花了一整天的时间研究如何使用ZeroClipboard(ZC)。我甚至阅读了说明:https://github.com/jonrohan/ZeroClipboard/blob/master/docs/instructions.md,并一步一步地遵循它,但我做不到。

我试了一次又一次,但我就是不能让它工作。我甚至花了几个小时阅读stackoverflow和其他页面上的其他指南,这两个页面都无法正常工作。此外,大多数答案都已经过时了。

有没有人可以写一个简单的ZC代码来复制一个段落标签:

代码语言:javascript
复制
<p>Hello, I'm Armesh</p> 

然后简单地告诉我ZC代码的每个部分,以及为什么要这样写它。

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

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

代码语言:javascript
复制
<!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中运行了上面的代码/网页,控制台中没有错误日志。它是空白的。

EN

回答 3

Stack Overflow用户

发布于 2013-04-06 00:44:07

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

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

作为最后的手段,我上传到我的web服务器并尝试在线,它工作得很好。

因此,在将ZeroClipboard上传到您的网络服务器之后,请始终在线测试它。

票数 7
EN

Stack Overflow用户

发布于 2014-12-19 07:43:54

你的代码中有一个Bug!查看按钮id属性并删除'#‘!

还有:如果你想在当前页面上有多个剪贴板按钮,使用class属性而不是id。

现在它工作得很好!;)

票数 1
EN

Stack Overflow用户

发布于 2014-04-11 20:11:53

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

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/15813332

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档