Zeroclipboard 导轨中同一页面上的多个元素答案

【问题标题】：Zeroclipboard multiple elements on same page in railsZeroclipboard 导轨中同一页面上的多个元素
【发布时间】：2016-01-02 22:14:12
【问题描述】：

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

 $(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>

【问题讨论】：

动态分配。像 .class_name1 .. .class_name10 一样在 JS 中使用
@Nithin HI，如何动态添加类名？你能给我举个例子吗？谢谢。

标签： javascript jquery ruby-on-rails zeroclipboard

【解决方案1】：

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

<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 %>

我希望这段代码可以提供帮助。

【讨论】：