1

zClipライブラリのラッパーであるZclip-rails Gem を使用します。以下のコード。

意見

<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 を取得する必要があるということです。

どんな考えも役に立ちます。

4

1 に答える 1

1

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

テーブル css の位置に問題があります: zclip フラッシュ ラッパーが間違った位置 (テーブルの左上隅) に表示されます。だから私は、リンクのラッパー div を追加しますposotion: relative;。

詳細については、このスレッドとこのスレッドを参照してください。

于 2013-06-27T12:46:56.410 に答える