Question

我在每个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>

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

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

在rails

1 个答案: