javascript - 使用 zclip 通过多个复制按钮复制多个值

Question

我希望能够使用它附带的复制按钮复制类属性的值。

由于缺乏更好的措辞，这里有一个例子:

目前复制按钮仅适用于一个复制按钮(以先到者为准)。

如何使用多个按钮从多个元素进行复制？

代码:

      $(document).ready(function() {
      $('.copylink').zclip({
         path: '/flash/ZeroClipboard.swf',
           copy: function(){ return $(this).attr('data-copy-shorturl'); },
           afterCopy: function()
           {
               console.log($(this).attr('data-copy-shorturl') + " was copied to clipboard");
           }
        });
  }); 

所有按钮都有相同的类等:

<button class="copyshortened copylink" data-copy-shorturl="http://litl.it/{{$link->short_url}}">copy</button>

我不确定为什么 jquery 中的 $(this) 似乎无法正常工作。

Answer 1

我明白你想做什么，但我认为你的语法有点不对。

您将 zclip 当作事件而不是作为指令来应用。

试试这个

$('.copylink').each(function(){
    $(this).zclip({
        path :  '/flash/ZeroClipboard.swf',
           copy: function(){ return $(this).attr('data-copy-shorturl'); },
           afterCopy: function()
           {
               console.log($(this).attr('data-copy-shorturl') + " was copied to clipboard");
           }
    });
});

---

更新

$('.copylink').each(function(){
    $(this).zclip({
        path :  '/flash/ZeroClipboard.swf',
           copy: function(){ return $(this).attr('data-copy-shorturl'); },
           afterCopy: function()
           {
               console.log($(this).data('copy-shorturl') + " was copied to clipboard");
           }
    });
});

显然，应该通过 jQuery 的 data function 访问 data-copy-shorturl 属性