Zeroclipboard多个元素在轨道上的同一页

我在每个循环中的一个页面上有10个元素，应该允许用户在有人点击按钮时进行复制。我设法使用Zeroclipboard-rails gem将副本添加到剪贴板功能。由于我在同一页上有多个项目，因此我已将Id更改为Class。Zeroclipboard多个元素在轨道上的同一页

$(document).ready(function() { 
    var clip = new ZeroClipboard($("#d_clip_button")) 
    });

对此

$(document).ready(function() { 
    var clip = new ZeroClipboard($(".class_name")) 
    });

但每当我上点击复制到剪贴板上的任何10种元素的按钮时，它选择第一项的值。我怎样才能解决这个问题？

这里是完整的代码。谢谢。

<script> 
    $(document).ready(function() { 
    var clip = new ZeroClipboard($(".my_clip_button")); 


    $("#d-clip_button").on("click", function(){ 
    $("#fe_text").val("Copy me!"); 
    }); 
</script>

来源

2015-10-06 Sumeet

动态分配。像'.class_name1 .. .class_name10'和在JS中使用相同 – Nithin

@Nithin HI，如何动态添加类名？你能告诉我一个例子吗？谢谢。 – Sumeet

我以前也有这个问题。我用这个代码复制到剪贴板功能

<script> 
    jQuery.fn.copyToClipBoard = function() { 
     var clip = new ZeroClipboard($(".copy_to_clipboard")); 
    } 
    $(function() { 
    $('.copy_to_clipboard').copyToClipBoard(); 
    }); 
</script>

只是玩的乐趣！您可以在这样的循环中尽可能多地使用此代码：

<% (1..10).each do |n| %> 
    <button class="btn btn-success copy_to_clipboard" data-clipboard-text= <%= n %> > <p> Click ME </p> </button> 
    <% end %>

我希望这段代码能够提供帮助。

来源

2016-01-29 17:37:46

Zeroclipboard多个元素在轨道上的同一页

回答

相关问题