Javascript ZeroClipboard的按钮不可单击
我正试图让ZeroClipboard的演示从他们的github页面运行，但我遇到了几个问题。 我已经研究了几种可能性，但我根本找不到问题所在 以下是直接从github页面复制的代码：Javascript ZeroClipboard的按钮不可单击,javascript,jquery,html,zeroclipboard,Javascript,Jquery,Html,Zeroclipboard,我正试图让ZeroClipboard的演示从他们的github页面运行，但我遇到了几个问题。 我已经研究了几种可能性，但我根本找不到问题所在 以下是直接从github页面复制的代码： <html> <head> <style type="text/css"> .clip_button { text-align: center; border: 1px solid black; backgr
<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>
非常感谢您的帮助 ZeroClipboard只接受普通DOM元素，不接受jQuery 尝试像这样获取元素
var client = new ZeroClipboard( $('.clip_button')[0] );