jquery - jqueryを使用してhtmlコンテンツをコピーすると、onclickのスクリプトが無視されます

Question

..どうすればこれを回避できますか？

私がやっていることを簡単に紹介します。

以下のスクリプトを使用して、指定された div のコード コンテンツをコピーしています。

$("a.copy-code").on('click', function (e) {
    e.preventDefault();
}).each(function () {
    var linkId = $(this).attr("id");
    $(this).zclip({
        path: '<?php bloginfo('
        template_url '); ?>/clipboard/ZeroClipboard.swf',
        copy: function () {
            return $('div[data-id=' + linkId + ']').html();
        }
    });
});

これはすべて、オブジェクト タグや iframe タグなどでうまく機能します。

しかし、上記のスクリプトを使用して、このようなコンテンツをコピーしています...

<div class="hide" data-id="copy-wb-small">
<a href="#" onclick="window.open('http://www.live.co.uk/?utm_source=' + window.location.host + '&amp;utm_medium=Web%20Badge&amp;utm_campaign=%2BLive%2B2013'); return false;"><img src="http://www.live.co.uk/assets/mcl-badge-100px.jpg" alt="" /></a>
</div>

ご覧のとおり、アンカー タグ内に onClick タグがあります。

これをコピーすると、これがクリップボードに入る結果です...

<a href="#" onclick=""><img src="http://www.live.co.uk/assets/mcl-badge-100px.jpg" alt=""></a>

私のスクリプトはすべて除外されます。また、クリップボードの onClick は空です。

.html()スクリプトを含むような機能があるかどうか、誰にもアドバイスできますか?

---

zclip でフィドルを作成しましたが、正常に動作します。

したがって、ページの出力と関係があるに違いありません。

ここでフィドルを参照してください。