UPDATE:
根据用户反馈,MiniColors 2.0 的 API 已恢复为与 1.0 类似的方法。请参阅 GitHub 上更新的文档。
Cory 来自 ABS(插件作者)。 Jason 和 icktoday 都是正确的。 MiniColors 2.0 几天前刚刚推出测试版,API 确实发生了变化。 99.9% 的开发人员只需要包含 MiniColors JavaScript 文件并创建如下输入控件:
<input type="minicolors" />
该插件将在首次加载时自动启用页面上的所有控件。对于那些需要动态添加控件的人,只需插入<input>
元素,然后调用init
method:
$.minicolors.init();
无需指定选择器。该插件旨在以最小的开销使您尽可能轻松地使用。有关更多详细信息,请参阅实用功能 http://labs.abeautifulsite.net/jquery-miniColors/#utility-functions在文档中。
至于您的新错误,您需要:
- 将更改事件绑定到原始输入元素
- Change
background-color
to backgroundColor
- 使用输入元素的
value
(and data-opacity
属性(如果您启用了不透明度)
$('INPUT[type=minicolors]').on('change', function() {
// This shows how to obtain the hex color and opacity (when in use)
var hex = $(this).val(),
opacity = $(this).attr('data-opacity');
$('BODY').css('backgroundColor', hex);
});
Note:虽然之前版本的 MiniColors 是基于元素的,但我觉得 2.0 使用前瞻性方法更合适。 99.9% 的用户只需要包含 MiniColors JavaScript 文件并添加一个输入元素minicolors
类型。对于那些需要额外功能的人来说,这只是一个额外的函数调用来更新内容。
请帮助测试 MiniColors 2.0 并将任何错误报告、功能请求等提交到其主页GitHub https://github.com/claviska/jquery-miniColors/.