jquery zclip插件的应用

  1. <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js" ></script>  
  2. <script type="text/javascript" src="http://www.steamdev.com/zclip/js/jquery.zclip.min.js"></script>  
  3. <a id='copy' href="#">Copy</a>  
  4. <div id='description'>this seems awesome</div>  


Jquery代码  收藏代码
  1. $(document).ready(function(){  
  2.         $('a#copy').zclip({  
  3.             path:'http://www.steamdev.com/zclip/js/ZeroClipboard.swf',  
  4.             copy:$('div#description').text()  
  5.         });  
  6. });  



zclip要点:

Java代码  收藏代码
    1. 1.不能是本地环境,要放在一个服务器上;  
    2. 2.测试环境要放开.swf文件过滤  
    3. 3.绑定zclip事件时,绑定的对象一定要处于显示状态(即不能隐藏)  
    4. 4.如果绑定的A对象初始化时是隐藏的,当A对象显示后,在给A绑定zclip事件  
    5. 比如:$("a#copy")初始化隐藏状态,当$("a#copy").show()以后 在执行$("a#copy").zclip({path:"",copy:""});  
    6. 这样就可以绑定了。 
    7. 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()
                    }
               });    
        })
    8. 插件地址: http://steamdev.com/zclip/
posted @ 2013-10-28 15:44  sony静  阅读(271)  评论(0编辑  收藏  举报