これを自分のプロジェクトjsFiddle zClip にテーブルを追加して実装しようとしました
var appendTable = new String();
appendTable = '<table>';
appendTable += '<tr><th id="header">Header 1</th>';
appendTable += '<td><div id="row1">Row 1</div></td></tr>';
appendTable += '<tr><th id="header">Header 2</th><td id="row2">Row 2</td></tr>';
appendTable += '<tr><th id="header">Header 3</th><td><div>';
appendTable += '<div id="row3">This will be copied!</div>';
appendTable += '<button id="copyRow3">Copy</button>';
appendTable += '</div></td></tr>';
appendTable += '</table>';
$('#appendTable').append(appendTable);
$("#copyRow3").zclip({
path: "http://www.steamdev.com/zclip/js/ZeroClipboard.swf",
copy: function() { return $('#row3').text(); }
});
このフィドルは機能するはずですが、実装するとまったく機能しません。指定されたdivをコピーすることはありません。
jquery-1.4.1.min.js は、jquery.zclip.min.js で使用している jquery ファイルです。これが zClip が機能しない理由でしょうか?
また、html にコピー ボタンを含めようとした場合に備えて、クリックするとブラウザがフリーズしたように見えました。