次のコードを使用していますが、単一の入力ボタンで正常に動作します。
<input type="button" id="copy_button" data-clipboard-text="Copy Me!" Value="Click ME">
<script src="js/ZeroClipboard.js"></script>
<script>
var clip = new ZeroClipboard( document.getElementById("copy_button"), {
moviePath: "js/ZeroClipboard.swf"
} );
clip.on( 'complete', function(client, args) {
var $message = $('<div class="message">DONE</div>').hide();
var $messageCont = $('<div class="message_cont" />').append($message).prependTo('body');
$messageCont.css({
"left" : $(this).offset().left,
"top" : $(this).offset().top
}).find("div.message").fadeIn(200).delay(1500).fadeOut(function() {
});
} );
</script>
ただし、複数の入力ボタンで動作し、正しいボタンに関連付けられた値をコピーすることが理想的です。
これを機能させるために何をする必要がありますか? 最終ページには 50 個以上のボタンが含まれる可能性があるため、各ボタンを個別に指定する必要がないことを願っています。
どうもありがとう