美文网首页
uploadify 自定义按钮样式

uploadify 自定义按钮样式

作者: 阿泽453 | 来源:发表于2017-12-24 16:43 被阅读0次

    默认的上传按钮样式是 uploadify-button

    可以在实例化的时候指定 buttonClass , 比如

    $(function() {  
        $("#file_upload").uploadify({  
            'buttonClass' : 'some-class',  
            'swf'         : '/uploadify/uploadify.swf',  
            'uploader'    : '/uploadify/uploadify.php'   
        });  
    });  
    

    结果按钮的class变成了 “uploadify-button some-class"
    不想要硬塞给我的uploadify-button, 怎么办呢?
    打开jquery.uploadify.js

    // Create the button  
    var $button = $('<div />', {  
        'id'    : settings.id + '-button',  
        'class' : 'uploadify-button ' + settings.buttonClass  
    });  
    

    改成这样:

    // Create the button  
    var $button = $('<div />', {  
        'id'    : settings.id + '-button',  
        'class' : settings.buttonClass != '' ? settings.buttonClass : 'uploadify-button ' + settings.buttonClass  
    });  
    

    这样buttonClass指定什么就是什么了。

    相关文章

      网友评论

          本文标题:uploadify 自定义按钮样式

          本文链接:https://www.haomeiwen.com/subject/akehgxtx.html