【问题标题】：zclip not working for the non DOM ready html entities?zclip 不适用于非 DOM 就绪的 html 实体？
【发布时间】：2013-10-31 05:18:49
【问题描述】：

我正在使用zclip插件来复制剪贴板，这里的复制功能只在第二次点击时起作用

以下是我的 jQuery

$(document).ready(function () {
    $('#clip_copy').click(function () {
        $('#clip_copy').zclip({
            path: 'js/ZeroClipboard.swf',
            copy: function () {
                return $('input#shrink_url_copy').val();
            }
        });
    });
});

这里 shrink_url_copy 在 DOM 加载时设置为 display:none，所以我认为这是这里的问题，第一次点击我必须做什么？

【问题讨论】：

标签： jquery zclip

【解决方案1】：

问题是你在第一次点击后绑定zclip。

编辑：您要做的是找到删除display:none 的代码。您可以在处理程序中附加 zclip 函数，如下所示：

$('input#shrink_url_copy').show(function(){
  $('#clip_copy').zclip({
    path: 'js/ZeroClipboard.swf',
    copy: function () {
      return $('input#shrink_url_copy').val();
    }
  });
});

【讨论】：

但是，如果我不点击就使用，即使双击也没有任何效果？但没有 display:none 它适用于 click 和 zclip
@kan 您需要在显示隐藏元素的处理程序中绑定 zclip。

【解决方案2】：

试试这个：-

一旦您点击zclip，它就会被调用，这会导致它在您第一次点击后工作。

在 dom 就绪事件而不是 click 事件上调用 zclip。

$(document).ready(function () {        
        $('#clip_copy').zclip({
            path: 'js/ZeroClipboard.swf',
            copy: function () {
                return $('input#shrink_url_copy').val();
            }
        });        
});

【讨论】：

但是，如果我不点击就使用，即使双击也没有任何效果？但没有 display:none 它适用于 click 和 zclip