码迷,mamicode.com
首页 > Web开发 > 详细

colpick-jQuery颜色选择器使用说明

时间:2016-11-06 09:32:33      阅读:320      评论:0      收藏:0      [点我收藏+]

标签:方法   解决   box   import   images   资源下载   原因   png   content   

 
 
二、使用效果
技术分享
 
三、使用方法
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); } });
 
五、相关资源下载
请从群共享中下载
 

 

colpick-jQuery颜色选择器使用说明

标签:方法   解决   box   import   images   资源下载   原因   png   content   

原文地址:http://www.cnblogs.com/gossip/p/6034731.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!