2013-06-27 67 views
1

使用Zclip-rails Gem這是在zClip庫頂部的包裝。代碼如下。複製到Zclip&Rails問題的剪貼板ID爲

查看

<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上覆製作出剪貼板例如,所有的鏈接點擊: 「文本1」。我期望的是,與不同的行我應該得到不同的ID的點擊複製到剪貼板。

任何想法都會有所幫助。

+0

請將結果代碼粘貼到jsfiddle並顯示出來。 –

+0

其實,我爲你做:http://jsfiddle.net/tVZNm/1/和一切看起來不錯。所以,顯示你編譯的html代碼。 –

+0

@先生。感謝您創建小提琴..我已經更新它http://jsfiddle.net/tVZNm/5/。我需要複製那裏的細胞11.jpgboo&12.jpgboo – AnkitG

回答

1

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

這裏是表CSS的位置問題:zclip閃存封裝上錯誤的位置出現(在上面,桌子的左上角)。 所以我添加包裝div的鏈接,與posotion: relative;

查看thisthis的主題了解詳情。

+0

這真棒..非常感謝.. !! – AnkitG