记录前端常用的插件

1，弹窗：bootstrap3-dialog.js    多选下拉框：bootstrap-multiselect.js

2，复制插件：zeroclipboard.js     jquery.zclip.js   前面2个已过时   clipboard.js  不需要falsh

3，相册预预功能：layer.photos   lightbox.js

4，文件上传插件：webuploader.js    paste-upload-image.js

5，字体图标：Font Awesome  iconfont

6，表格插件：datatables

7，日历插件：My97DatePicker

8，验证插件：jquery-validate.js

9，lodash.js 对数组的处理，模板引擎template

10，数据加密：md5.js

11，上传表单可以上传文件：jquery.form.js    ajaxSubmit

jquery.zclip.js使用示例代码：

　　$('#copyRoute').zclip({
        path: '/book/js/copy_plugin/ZeroClipboard.swf',
        copy: function(){//复制内容
            return getCopyInfo();
        },
        afterCopy: function(){//复制完成
            var $copysuc = $("<div class='copy-tips'><div class='copy-tips-wrap'>☺ 复制完成</div></div>");
            $("body").find(".copy-tips").remove().end().append($copysuc);
            $(".copy-tips").fadeOut(3000);
        }
    });
　　function getCopyInfo(){
　　　　return '获取要复制的内容’；
    }

zeroclipboard.js使用示例代码：

　　　　var client = new ZeroClipboard($('#copyRoute'));
        // 复制
        client.on('load', function (element) {
            client.on('datarequested', function (client) {
                client.setText(getCopInfo());
            });
            client.on('complete', function (client, args) {
                alert('复制成功');
            });
        });
        client.on('wrongflash noflash', function () {
            ZeroClipboard.destroy();
            BootstrapDialog.alert('请先启用浏览器的flash插件');
        });

 

//复制
    utils.copy = function(copyId, copyParentId, copyContentId) {
        // zeroclipboard 1.3.5版本写法
        var contents = $('#'+copyContentId).text();
        var client = new ZeroClipboard($('#'+copyId));
        client.on( 'load', function(client) {
            // alert( "movie is loaded" );
            client.on( 'datarequested', function(client) {
                client.setText(contents);
            } );
            client.on( 'complete', function(client, args) {
                alert('复制成功！');
            } );
        } );

        client.on( 'wrongflash noflash', function() {
            ZeroClipboard.destroy();
        } );

        // zeroclipboard.2.3.0 版本写法
        /*var contents = copyContent;
         var clipCopy = new ZeroClipboard($('#'+copyId));
         clipCopy.setText(contents);
         var aftercopy = function (e) {
         utils.alert('复制成功！');
         };
         //clipCopy.on('aftercopy', aftercopy);*/
    }