ZeroClipboard的按钮不可单击
ZeroClipboard的按钮不可单击
提问于 2014-09-12 04:49:46
我正在尝试从他们的github页面上运行ZeroClipboard的演示，但我遇到了几个问题。我已经研究了几种可能性，但我就是找不到问题所在。
以下是直接从他们的github页面复制的代码：
<html>
<head>
<style type="text/css">
.clip_button {
text-align: center;
border: 1px solid black;
background-color: #ccc;
margin: 10px;
padding: 10px;
}
.clip_button.zeroclipboard-is-hover { background-color: #eee; }
.clip_button.zeroclipboard-is-active { background-color: #aaa; }
</style>
</head>
<body>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="ZeroClipboard.js"></script>
<div class="clip_button">Copy To Clipboard</div>
<div class="clip_button">Copy This Too!</div>
<script type="text/javascript">
var client = new ZeroClipboard( $('.clip_button') );
client.on( 'ready', function(event) {
// console.log( 'movie is loaded' );
client.on( 'copy', function(event) {
event.clipboardData.setData('text/plain', event.target.innerHTML);
} );
client.on( 'aftercopy', function(event) {
console.log('Copied text to clipboard: ' + event.data['text/plain']);
} );
} );
client.on( 'error', function(event) {
// console.log( 'ZeroClipboard error of type "' + event.name + '": ' + event.message );
ZeroClipboard.destroy();
} );
</script>
</body>
</html>这是我的目录的截图：
http://puu.sh/bv6oA/959b37eefc.png
当我加载页面时，div就在那里，但它们不是按钮，也不能点击。因此，不会将任何文本复制到剪贴板。
有什么想法吗？任何帮助都是非常感谢的！
回答 1
Stack Overflow用户
发布于 2014-09-12 04:56:12
ZeroClipboard只接受普通的DOM元素，不接受jQuery。
尝试像这样获取元素。
var client = new ZeroClipboard( $('.clip_button')[0] );您还可以查看jQuery ZeroClipboard插件zClip。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/25796695
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号