title: jQuery zClip copy to clipboard, for multiple links in bootstrap dropdown?
body: <p><strong>If this cant be done for cross-browser, then any comments would be much appreciated.</strong></p>
  
  <p>What I am trying to achieve is multiple "copy to clipboard" links on my page like this for example...</p>
  
  <pre><code>&lt;a href="#" data-copy="&lt;?php echo $original[0]; ?&gt;" class="copy"&gt;Copy Original Link&lt;/a&gt;
  &lt;a href="#" data-copy="&lt;?php echo $medium[0]; ?&gt;" class="copy"&gt;Copy Medium Link&lt;/a&gt;
  &lt;a href="#" data-copy="&lt;?php echo $web[0]; ?&gt;" class="copy"&gt;Copy Web Link&lt;/a&gt;
  </code></pre>
  
  <p><br /></p>
  
  <p>Just not really having much luck getting anything to work.</p>
  
  <p><br /></p>
  
  <p>I am using <a href="http://www.steamdev.com/zclip/" rel="nofollow">zClip</a>, and trying to fire using jQuery onClick and a data attribute, like below. </p>
  
  <p>But just cannot get it to work. <a href="http://jsfiddle.net/Vr4Ky/5/" rel="nofollow">See fiddle</a>.</p>
  
  <pre><code>var copyText = 0;
  
  $("a.copy").on('click', function () {
  
    var copyText = $(this).attr('data-copy');
    return false;
  
  }).each(function () {
  
    $(this).zclip({
  
      path: 'http://zeroclipboard.googlecode.com/svn-history/r10/trunk/ZeroClipboard.swf',
      copy: copyText,
      beforeCopy: function () {
  
      },
      afterCopy: function () {
  
        alert(copyText + " has been copied!");
  
      }
  
    });
  
  });
  </code></pre>
  
  <p><br /></p>
  
  <p>Please see my new fiddle here with <a href="http://www.steamdev.com/zclip/" rel="nofollow">zClip</a> jquery plugin being used.</p>
  
  <p><a href="http://jsfiddle.net/Vr4Ky/5/" rel="nofollow">http://jsfiddle.net/Vr4Ky/5/</a></p>
  
  <p><br /></p>
  
  <p>Thank in advance for any suggestions.</p>