Question

我想在我的网站上有一个复制按钮，它将div的文本复制到剪贴板，因为javascript因此无法直接访问剪贴板，我正在使用zclip，但是当我将zclip绑定到隐藏时元素，当我显示元素比zclip不起作用或绑定时，请帮助我。

HTML代码：

<span class="homebutton">Get code for this theme</span>
<div class="get_code">
    <pre class="theme_code"><?php echo $theme['theme_code'];?></pre>
    <div class="copy_code">Copy</div>
</div>

jQuery代码：

$('.homebutton').click(function(){
    $('.get_code').show('slow');
});

$('.copy_code').zclip({
    path: "js/ZeroClipboard.swf",
    copy: function(){return $('.theme_code').text();},
    afterCopy: function() {}
});

提前致谢！

Answer 1

我有解决方案我尝试在setTimeout函数上绑定事件，它可以正常工作.. :)

我正在分享该代码，希望它能帮助其他人！

HTML code：

<span class="homebutton">Get code for this theme</span>
<div class="get_code">
    <pre class="theme_code"><?php echo $theme['theme_code'];?></pre>
    <div class="copy_code">Copy</div>
</div>

jQuery代码：

$('.homebutton').click(function(){
    $('.get_code').show('slow');
    setTimeout(function(){bind_zclip();},1000);
});

function bind_zclip()
{
    $('.copy_code').zclip({
        path: "js/ZeroClipboard.swf",
        copy: function(){return $('.theme_code').text();},
        afterCopy: function() {}
    });
}

当我将它绑定在隐藏元素上时，zclip无法正常工作

1 个答案: