怎么调试？ ZeroClipboard没有加载错误和警告但没有加载复制

Question

我两天都对这个问题感到困惑。 ZeroClipboard无效错误＆amp;警告，但它无法复制内容。我会在 ZeroClipboard: swf loaded, but not working 查看答案，但仍然效果不佳;我不知道如何调试它 - - ，

• env：vagrant & LAMP & localhost ;
• Chrome的文件和信息如下所示：

的index.php：

<div class="input-group">
<input id="readonlyEmail" type="text" readonly="readonly" class="new-email form-control" value="" id="clipboard_text">
<span class="input-group-btn">
  <button class="btn btn-default" type="button" id="copy-button" data-clipboard-target="clipboard_text">
    <i class="fa fa-clipboard fa-lg"></i>
  </button>
</span>
</div>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/zeroclipboard/2.1.6/ZeroClipboard.min.js"></script>
<script type="text/javascript" src="js/clipboard.js"></script>

clipboard.js看起来像：

ZeroClipboard.config( { swfPath: "//cdnjs.cloudflare.com/ajax/libs/zeroclipboard/2.1.6/ZeroClipboard.swf" } );
var client = new ZeroClipboard( document.getElementById("copy-button") );

client.on( "ready", function( readyEvent ) {
  client.on( "aftercopy", function( event ) {
    event.target.blur();
    alert("Copied text to clipboard: " );
  } );
} );

XHR

Answer 1

这是因为您已经为目标DOM元素提供了两个ID：＆＃34; readonlyEmail＆＃34;，以及＆＃34; clipboard_text＆＃34;。一旦你删除＆＃34; readonlyEmail＆＃34;。

，它就会工作