使用Zclip&复制到剪贴板Rails问题与ID

时间:2013-06-27 09:32:49

标签: ruby-on-rails ruby zeroclipboard zclip

使用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。

任何想法都会有所帮助。

1 个答案:

答案 0 :(得分:1)

完成:http://jsfiddle.net/tVZNm/10/

这是表css位置的问题:zclip flash wrapper出现在错误的位置(在表的左上角)。 所以我使用posotion: relative;为链接添加包装div。

查看thisthis个主题以获取详细信息。