Zclip su più ingressi

Question

Sto cercando di implementare zclip per copiare il contenuto di input negli appunti. Ci sono 20 input di testo nella pagina come questo:

<input type="text" value="content to copy..." />
<input type="text" value="another content to copy..." />

E mi è venuto in mente questo codice jQuery:

jQuery(function() {
  jQuery("input[type=text]").click(function() {
    var link = jQuery(this).val();
    jQuery(this).zclip({
        path: '/img/ZeroClipboard.swf',
        copy: link
    });
  });
});

Nella console Javascript ottengo questo errore: Errore di tipo non rilevato: la proprietà "$" dell'oggetto [oggetto DOMWindow] non è una funzione.

Come posso farlo funzionare? Grazie

Answer 1

Sembra che utilizzi jQuery in modalità noConflict.ZClip presume che non sia così e cerca di estendere "$".Ho appena sostituito ogni "$" in jquery.zclip.js con "jQuery" e il messaggio di errore è scomparso. Se esiste un altro modo per eseguire zClip in modalità noConflict fammelo sapere.

Answer 2

Utilizza each invece di fare clic e utilizza una funzione per restituire il valore del collegamento

jQuery(function() {
  jQuery("input[type=text]").each(function() {
    var link = jQuery(this).val();
    jQuery(this).zclip({
        path: '/img/ZeroClipboard.swf',
        copy: function(){return link;}
    });
  });
});