zeroclipboard - client.on 函数未调用答案

【问题标题】：zeroclipboard - client.on function not callingzeroclipboard - client.on 函数未调用
【发布时间】：2014-02-05 11:40:38
【问题描述】：

我正在我的网站中实现zeroclipboard。

我已按照 GitHub 页面中的说明添加了按钮和 javascript 代码。路径没问题，Chrome 中的 JavaScript 控制台没有显示任何错误。

但永远不会调用 .on 函数。我单击按钮，但没有任何反应。我在我的 js 文件中添加了一个 console.log，所以我可以看到它被“调用”。

这是 HTML 按钮：

<button id="copy-button" data-clipboard-text="Copy Me!" title="Click to copy me.">Copy to Clipboard</button>

这里是我的 JS：

var client = new ZeroClipboard( document.getElementById("copy-button"), {
  moviePath: "/assets/app/shared/swf/ZeroClipboard.swf"
} );

client.on( "load", function(client) {
  // alert( "movie is loaded" );

  client.on( "complete", function(client, args) {
    // `this` is the element that was clicked
    this.style.display = "none";
    alert("Copied text to clipboard: " + args.text );
  } );
} );

有没有人遇到同样的问题并解决了？

编辑：flash 文件似乎没有加载...

【问题讨论】：

只有一个问题：当您创建 ZeroClipboard 对象时，您的按钮是否在页面上可见并且始终具有相同的大小？
我实际上不明白你的意思......按钮在那里，大小相同，每次。我重新加载页面，按钮在那里。点击按钮，那里。这里没有任何变化。编辑：但按钮不可点击...这一定是 style.display=none？
曾经我使用过 zclip:steamdev.com/zclip，它重用了 ZeroClipboard，我的问题是我的按钮上的 flash 对象没有被创建，因为按钮是不可见的（它在一个带有display: none; 的 div 中在某些事件中显示）。所以我通过在显示这个按钮的那一刻分配这个对象来解决这个问题。
文档加载后你会运行你的JS代码吗？
是的，我把它放在 body-tag 的末尾。

标签： javascript

【解决方案1】：

用鼠标右键单击，查看按钮区域是否加载了flash影片。可能 javascript 没有找到你的 flash 电影。

【讨论】：