ZeroClipboard插件的多div绑定

建议有多少个地方使用就绑定多少个div，但是动态的真不好控制，只有一次性把需要的地方全部初始化。动态绑定的简直动不起来。我已经吐血。

参考http://www.wzsky.net/html/Website/Javascript/121305.html

http://blog.csdn.net/jyy_12/article/details/9218993

http://www.cnblogs.com/tinyphp/archive/2013/09/07/3307522.html

我用jquery了，你们要兼容性的去参考其它人的吧。

1、ZeroClipboard使用的前提。

1-1、ZeroClipboard使用的文件。

1-2、ZeroClipboard引用。

2、页面的html数据结构配合。

2-1、id这个是必须的。

2-2、几个事件也是必须的。

1、新建ZeroClipboard文件夹,复制必须的文件。
1-1、复制 ZeroClipboard.js ；ZeroClipboard.swf两个文件进去【插件我也是现搜索的，别误会，重要的是实现的过程】。
1-2、开始：<script src="/ZeroClipboard/ZeroClipboard.js" type="text/javascript"></script>

2、这几个id我是用好几个随机数变整数互相乘积随机拼接出来的。

<div id="a1">内容1</div>

<div id="a32">内容2</div>

<div id="a13">内容3</div>

2-1、我们必须要在页面中知道其中一个div的id，这样我们才能继续下来，也许你看了我的代码后发现我理解错了，请告诉我，谢谢。

2-2、

 //var swf_id_f = '${technologyArticle.copy_id}';

<pre name="code" class="java">   var swf_id_f =a1;

//我后台传过来的其中一个的div的id，貌似没什么用【废话】，
//但我不知道怎么用的时候才绑定id
//在下面有这句代码，可能这才是关键
// /**重新绑定id**/

//        clip.glue(button_id);
//以上的可以是废话

 var clip = null;//ZeroClipboard.Client对象

 //指定ZeroClipboard.swf位置

 var swfroot = '${root}';//${root}是我在页面表示我项目根目录的，你用的webstom的话这个请写你自己的目录。

 ZeroClipboard.setMoviePath(swfroot + "/assets/admin/ZeroClipboard/ZeroClipboard.swf");//这个必须写

 $(function () { clip = new ZeroClipboard.Client();//创建ZeroClipboard.Client对象 clip.setHandCursor(true);//鼠标移动到元素上之后显示手型
//绑定元素
 clip.glue(swf_id_f); //复制完成后的监听事件 clip.addEventListener('complete', function () { //获取最新的赋值 clip.setText($('#' + swf_id_f)[0].innerText); //模态框显示xmp保持html数据的内容完整 $('#myModaljianqie').html("<xmp>" + $('#' + swf_id_f)[0].innerText + "</xmp>"); //模态框弹出 $('#myModal').modal('show') /**复制一次后，hide()使复制按钮失效，防止重复计算使用次数**/ /**如果mouseover事件中新绑定id，此处就可以不使用了**/ /*clip.hide();*/ /* alert('复制成功,内容为：' + clip.clipText);*/ }); $("pre .hljs").mouseover(function () { var button_id = $(this).parent().attr('id');//复制div的id swf_id_f = button_id; /**重新绑定id**/ clip.glue(button_id); clip.setText($(this).parent()[0].innerText); /**复制绑定的box;；clip.reposition(button_id);**/ }); });

------------

---

-

有问题再问，谢谢。