ZeroClipboard -使用多个元素

Question

ZeroClipboard用于单击复制。这两个链接提供的输出是相同的，而不是不同的。演示链接这里

<a id="c101" href="javascript:void(0);">OBJ1</a> &nbsp;&nbsp; 
<a id="x101" href="javascript:void(0);">OBJ2</a>

<script type="text/javascript">
    var dom_obj1 = document.getElementById('c101');
    var dom_obj2 = document.getElementById('x101');

    var clip1 = new ZeroClipboard();
    clip1.glue(dom_obj1);

    clip1.addEventListener( 'dataRequested', function(client, args) {
        client.setText('text1');
    });

    clip1.addEventListener( 'complete', function(client, args) {
        alert('clip1 text: '+args.text);
    });

    var clip2 = new ZeroClipboard();
    clip2.glue(dom_obj2);

    clip2.addEventListener( 'dataRequested', function(client, args) {
        client.setText('text2');
    });

    clip2.addEventListener( 'complete', function(client, args) {
        alert('clip2 text: '+args.text);
    });
</script>

Answer 1

为所有这些元素提供一个公共类，然后将所有元素都提供给ZeroClipBoard：

”

然后像这样加载它们：

变量剪辑=新的ZeroClipboard($(".toBeCopied"))；