jquery - ボタンのクリックで zClip を初期化する方法

Question

zClip の場合、次のように初期化する代わりに:

$(document).ready(function(){

ボタンのクリックで初期化することは可能ですか? はいの場合、どのように行うことができますか。

Answer 1

zlicp js を含める

<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script type="text/javascript" src="jquery.zclip.min.js"></script>

HTML マークアップ:

<textarea id="text-to-copy"></textarea>
<button id="copy-button">Copy</button>

<script>
$(function () {
    $('#copy-button').zclip({
        path: 'ZeroClipboard.swf',
        copy: function() { return $('#text-to-copy').val(); }
    });
});
</script>

知っておきたい2つのこと

1. zclip は、swf Flash を使用して、またはクリップボードのコピーをトリガーします。file:// では機能しない場合がありますが、ローカル サイトでは機能します。
2. 場合によっては、zclip がオーバーラップ フラッシュを正しく配置しないことがあります。手動で位置を調整する必要があります。