jquery zclip插件的应用
- <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js" ></script>
- <script type="text/javascript" src="http://www.steamdev.com/zclip/js/jquery.zclip.min.js"></script>
- <a id='copy' href="#">Copy</a>
- <div id='description'>this seems awesome</div>
- $(document).ready(function(){
- $('a#copy').zclip({
- path:'http://www.steamdev.com/zclip/js/ZeroClipboard.swf',
- copy:$('div#description').text()
- });
- });
zclip要点:
- 1.不能是本地环境,要放在一个服务器上;
- 2.测试环境要放开.swf文件过滤
- 3.绑定zclip事件时,绑定的对象一定要处于显示状态(即不能隐藏)
- 4.如果绑定的A对象初始化时是隐藏的,当A对象显示后,在给A绑定zclip事件
- 比如:$("a#copy")初始化隐藏状态,当$("a#copy").show()以后 在执行$("a#copy").zclip({path:"",copy:""});
- 这样就可以绑定了。
- jq('.vip_link_a').click(function(){
jq(this).hide().siblings('.vip_link').show();
jq('.vip_link_btn').zclip({
path:'http://local.tastev.com/js/ZeroClipboard.swf',
copy:function(){
return jq(this).prev().val()
}
});
}) - 插件地址: http://steamdev.com/zclip/