jQuery Girl
  1. jQuery Girl
  3. Comment puis-je obtenir une configuration simple de copie à presse-papiers de ZeroClipboard fonctionnant dans jQuery sur jsFiddle en un seul clic?
Intereting Posts
jQuery premier sélecteur de type? Appelle le code derrière la méthode de Jquery Comment envoyer un formulaire en jQuery async? Javascript RegExp: Créer une regex avec une variable Téléchargement de fichier sans utiliser aucun contrôle Asp Désactivation de l’élément sélectionné lorsque la case à cocher est cochée avec jQuery Impossible de créer un graphique dans Highcharts et l’id n’est pas défini Comment définir un cookie dans jQuery à l’aide de toggle () Implémentation de jQuery DatePicker en mode bootstrap Incorporer du mou sur une page html jQuery – Concentrez-vous sur TR jQuery: exécuter un tableau de fonctions de manière séquentielle (différés et non différés) jquery – utiliser successivement .done () donne les mêmes résultats que .then () / .done () comment faire apparaître une fenêtre jQuery pour lire une vidéo vimeo / youtube? Sélectionnez div qui se termine par une classe

Comment puis-je obtenir une configuration simple de copie à presse-papiers de ZeroClipboard fonctionnant dans jQuery sur jsFiddle en un seul clic?

J’ai du mal à faire fonctionner ZeroClipboard dans un contexte jQuery. L’utilisation de base que je suis après consiste à couper le texte de chaque div avec la copy classe au clic.

Le jsFiddle suivant fonctionne en double-clic avec la version stable ZeroClipboard v1.3.3

http://jsfiddle.net/bEQ6R/

html: 

 
Click this text to copy this text
 
Or click this text to copy this text
 
Flash player is loaded.
 
Text Copied.

js: 

 $(document).ready(function() { ZeroClipboard.config({ moviePath: 'http://zeroclipboard.org/javascripts/zc/ZeroClipboard_1.3.2.swf',debug: true }); var client = new ZeroClipboard($('.copy')); client.on('load', function(client) { $('.flash-loaded').fadeIn(); client.on('complete', function(client, args) { client.setText($(this).text()); // client.setText('Manually Set Text to This instead of the contents of the div'); console.log(client); $('.confirm-copy').fadeIn(); }); }); });

Oui, je comprends qu’il existe d’autres questions similaires à ZeroClipboard ici, mais je n’ai pas encore vu une version simple de jsFiddle fonctionner. Les violons existants que j’ai rencontrés sont obsolètes ou ne fonctionnent plus pour une autre raison.

De plus, la démo de ZeroClipboard sur son propre site http://zeroclipboard.org/ pour la même version semble bien fonctionner, alors je sais que c’est possible.

Voici une solution de travail. Sur le violon, j’ai changé client.on('complete'... en client.on('mouseover'... pour initialiser le fichier flash ZeroClipboard avant le premier clic. 

 $(document).ready(function() { ZeroClipboard.config({ moviePath: 'http://zeroclipboard.org/javascripts/zc/ZeroClipboard_1.3.2.swf',debug: true }); var client = new ZeroClipboard($('.copy')); client.on('load', function(client) { $('.flash-loaded').text('Flash player loaded at ' + $.now()).fadeIn(); client.on('mouseover', function(client, args) { client.setText($(this).text()); $('.confirm-copy').text('text copied at ' + $.now()).fadeIn(); }); }); });