JQuery - ZeroClipboard работает только во втором щелчке

Question

Я пытаюсь скопировать текст в буфер обмена с помощью ZeroClipboard. Он работает хорошо, но только во втором клике по кнопке, а не при первом нажатии. Я видел несколько решений в Google, но никто из них не исправил мою проблему. Спасибо!

$("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); 
    }); 

}); 

Answer 1

Вы должны инициализировать буфер обмена за пределами вашей функции мыши, как,

var clientTarget = new ZeroClipboard($("#copy_to_clipboard").attr('data-clipboard-text',texttocopy),{ 
    moviePath: "js/ZeroClipboard.swf", 
    debug: false 
}).on("load", function(clientTarget){ 
    $('#flash-loaded').fadeIn(); 
    clientTarget.on("complete", function(clientTarget, args) { 
     clientTarget.setText(args.text); 
     $('#data-to-copy-text').fadeIn(); 
    }); 
    alert(args); 
}); 

// get the text only on click of .copyToClipboard 
$("body").on('click','.copyToClipboard', function (event) { 
    var texttocopy = $('#copy_to_clipboard').attr('data-clipboard-text'); 
    alert(texttocopy); 
});