记录前端常用的插件

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);*/
    }