このサイトでも機能することはわかっていますが、h1要素を介してトリガーした場合にのみ、画像(コピーを表す)を介してトリガーする必要がありますが、試してみるとうまくいきません。これが私のJavascriptです:
$('#copyTxt').click(function(){
alert($('#Txt2Copy').text());
$(this).zclip({
path: '/scripts/js/ZeroClipboard.swf',
copy: $('#Txt2Copy').text(),
afterCopy: function(){
alert($('#Txt2Copy').text() + " was copied to clipboard");
}
});
});
アラートは、到達することを確認するためのものであり、コピーされないだけです。追加するbeforeCopy
と、そこにメッセージが表示されますが、それ以上移動しません。
IDcopyTxt
はスパン、img、tr、td、およびテーブル自体に移動されましたが、H1 からイベントを発生させない限り機能しません。画像が含まれる HTML:
<tr>
<td><label for="navUrl">Navigation URL <img id="copyTxt" src="/images/copy.png"/></label></td>
<td id="Txt2Copy"><?= $this->order["order"]["navigationUrl"] ?></td>
</tr>