zoukankan      html  css  js  c++  java
  • colpick-jQuery颜色选择器使用说明

     
     
    二、使用效果
     
    三、使用方法
    1、引入js和css
       需要引入jquery
    <script src="js/colpick.js" type="text/javascript"></script>
    <link rel="stylesheet" href="css/colpick.css" type="text/css"/>
    2、html
    <buttonid="picker">Show Color Picker</button>
    3、导入图片
    4、js弹出选择框
    $('#picker').colpick();
     
    四、使用过程中遇到的问题
    1、弹框后颜色显示都是绿色
     原因:官方地址的demo只说明需要引入js和css,却没有说要引入图片,导致了这个问题
    colpick.css中注意下面的图片地址要正确定位到具体的图片才行
    2、onChange或其它时间无效
    原因:如果js中同时定义了a、b两个方法就会导致b失效,解决方法为删除a方法即可
     
    a) jQuery("#picker").colpick(); b) jQuery("#picker").colpick({ submit: false, onChange: function (color, color2) { jQuery("#pickerUnActived").css("color", '#' + color2); } });
     
    五、相关资源下载
    请从群共享中下载
     
  • 相关阅读:
    安全和加密
    awk
    CentOS7练习
    CentOS7系统引导顺序以及排障
    网络配置
    RAID阵列搭建
    LVM逻辑卷
    java-web——第九课 request
    java-web——第八课 JSTL的显示格式
    java-web——第七课 JSTL
  • 原文地址:https://www.cnblogs.com/gossip/p/6034731.html
Copyright © 2011-2022 走看看