ZeroClipboard 在第一次单击时不起作用答案

【问题标题】：ZeroClipboard doesn't work in first clickZeroClipboard 在第一次单击时不起作用
【发布时间】：2015-03-16 12:06:33
【问题描述】：

我正在尝试使用 ZeroClipboard 将文本复制到剪贴板。它运作良好，但仅在第二次单击按钮时而不是在第一次单击时。我在 Google 中看到的解决方案很少，但都没有解决我的问题。我试图将 ZeroClipboard 事件放在单击按钮事件之外，并将其放在 $(document).ready(function() 中，但所有这些都没有帮助。你能帮我解决这个问题吗？谢谢！

$("body").on('click','.copyToClipboard', function (event) {
var clientTarget =  new ZeroClipboard( $("#copy_to_clipboard"), {

        moviePath: "js/ZeroClipboard.swf",
        debug: false
    } );

    $('#copy_to_clipboard').attr('data-clipboard-text', texttocopy);
    alert(texttocopy);
    clientTarget.on( "load", function(clientTarget)
    {
        $('#flash-loaded').fadeIn();

        clientTarget.on( "complete", function(clientTarget, args) {
            clientTarget.setText( args.text );
            $('#data-to-copy-text').fadeIn();


        } );
        alert(args);
    } );

});

【问题讨论】：

标签： javascript jquery zeroclipboard

【解决方案1】：

我认为您需要在单击它之前设置零剪贴板。在您的代码中，您不会将其设置为处理点击，直到您实际点击它。您应该在页面上找到所有需要处理点击的对象，并将它们设置为准备好文档。像这样：

$(function () {     
    $('.copyToClipboard').zclip({ /* zclip settings */ });
});

【讨论】：