使用jquery复制html内容忽略了onclick中的脚本

…我怎样才能避免这种情况

我将给你一个我正在做的简单概述

我正在使用下面的脚本复制指定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();
        }
    });
});

$（“a.copy-code”）。在（'click'，函数（e）{
e、 预防默认值（）；
}).每个（功能）{
var linkId=$（this.attr（“id”）；
$（此）.zclip({
路径：'/clipboard/ZeroClipboard.swf'，
复制：函数（）{
返回$（'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制作了一把小提琴，效果很好

所以这一定与页面的输出有关

---

看小提琴。

我解决了这个问题

我猜wordpress的_content（）php标记会从我的html中删除所有脚本。所以在我的页面中使用了wordpress代码标签，它将脚本输出为html

然后像这样修改代码

$("a.copy-code").on('click', function (e) {
  e.preventDefault();
}).each(function () {
  var linkId = $(this).attr("id");
  $(this).zclip({
    path: 'http://secure.fbapps.co.uk/dev/clipboard/ZeroClipboard.swf',
    copy: function() {
        return $('code[data-id='+linkId+']').html();
    }
  });
});

---

关于JSFIDLE呢？好主意-我会回到itjQuery，它的HTML似乎很好->，一定是zclip或者你以后使用HTML的方式造成的？@adeneo感谢你为我测试了这个提琴。然后我用zclip做了个小提琴测试，效果很好！看这里。这有点令人困惑。我唯一能想到的是wordpress页面的输出正在以某种方式改变它。嗯，我不知道怎么解决这个问题。@adeneo解决了，谢谢。。。