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多個元素在軌道上的同一頁

回答

相關問題