使用Zclip-rails Gem,它是zClip库顶部的包装器。代码如下。
查看
<table>
<% File.all.each do |file|
<tr>
<td> <%= text_field_tag :name, file.name , id: "text_#{file.id}" %> </td>
<td> <%= link_to 'Copy to clipboard', 'javascript:void(0)', class: 'copy-to-clipboard', id: "text_#{file.id}" %></td>
</tr>
</tr>
<%end>
<table>
的Javascript
$('a.copy-to-clipboard').zclip({
copy: "this is the text to copy ankit",
beforeCopy:function(){
alert($(this).attr('id'));
}
});
问题我点击为复制到剪贴板所做的所有链接时始终获得相同的ID例如:'text_1'。我期待的是,对于不同的行,我应该在点击复制到剪贴板时获得不同的ID。
任何想法都会有所帮助。
答案 0 :(得分:1)
完成:http://jsfiddle.net/tVZNm/10/
这是表css位置的问题:zclip flash wrapper出现在错误的位置(在表的左上角)。
所以我使用posotion: relative;
为链接添加包装div。