在一个jquery dialog中使用zeroclipboard出现问题,查了一些说法,有说是jquery dialog的z-index会影响zeroclipboard的使用
参考:http://stackoverflow.com/questions/10680389/zeroclipboard-copy-text-inside-jquery-dialog-doesnt-work
http://code.google.com/p/zeroclipboard/issues/detail?id=30
调试过程中,发现在client.glue()过程中,使用有两个参数的glue函数,把glue_container<第二个参数>的position属性设置成relative可以解决问题.代码:
<span id="copy_to_clip_wrapper" style="position:relative"><span id="copy_to_clip_btn">复制链接到剪贴板</span></span>
clip.glue('copy_to_clip_btn', 'copy_to_clip_wrapper');
另外, jquery dialog有drag和resize的功能,在drag和resize之后,需要调用reposition函数重新确定flash的位置:
clip.reposition('copy_to_clip_btn');