Question

a.copy-btn在第一次点击时附加了zClip。

第二次点击＆lt;的内容p> （ggg / aaa）被复制。

我想让它在第一次点击时被复制，我无法使其正常工作。

<p class="copiedText">ggg</p>
<a class="copy-btn" href="#">a copy button</a><br /><br />

<p class="copiedText">aaa</p>
<a class="copy-btn" href="#">a copy button</a><br /><br />


$(document).ready(function(){
                $('a.copy-btn').click(function(){
                    $(this).zclip({     
                        path:'js/ZeroClipboard.swf',
                        copy:$(this).prev('p.copiedText').text()
                    });
                  });               
              });

我也完全接受其他解决方案。我尝试将addClass添加到＆lt; p>在'copy'被触发之前 - 然后复制p.ClassName - 但这不起作用 - 我很想知道原因。

Answer 1

我之前从未使用zclip，但快速查看Usage documentation，看起来好像你不需要将它绑定到点击。所以你需要让它运作的是：

$(document).ready(function(){
    $button = $('a.copy-btn');
    $button.zclip({
        path:'js/ZeroClipboard.swf',
        copy:$button.prev('p.copiedText').text()
    });
});

Answer 2

我想你应该试试这个：

$(document).ready(function() {

    $('a.copy-btn').each(function(i) {
        var $this = $(this);
        $(this).zclip({
            path: 'js/ZeroClipboard.swf',
            copy: $this.prev('p.copiedText').text()
        });
    });

});

jQuery按钮在第二次单击之前不起作用 - 如何绑定<a> with zClip before first click</a>

2 个答案: