Question

我无法弄清楚如何使用farbtastic色轮更新我的网站背景。

我无法使用keyup（）函数或change（）函数。我想我需要使用linkto实际编辑回调。

此页面 http://www.emanueleferonato.com/2011/03/22/jquery-color-picker-using-farbtastic-and-jquery-ui/ 有一个例子，但我不明白它是如何改变颜色。我不需要所有额外的花哨的东西，只需更改css背景颜色。

我只是不确定如何调用farbtastic对象并询问它的颜色。从那里我可以把它变成一个var并编辑css。

Answer 1

使用此语法创建farbtastic对象（其中“#picker”是空div的id）。这将导致页面背景颜色由滚轮控制。

var p = $.farbtastic("#picker").linkTo("body");

然后，如果需要，您可以使用

查询当前颜色

$("body").css("background-color");

Answer 2

我不熟悉“farbtastic色轮”，但如果你只需要“简单地改变（e）css背景颜色”的陈述是真的，那么你可以使用这个方法：

$(".MySelector").css("background-color","#000000");

如果这不是您想要的，请在您的问题中指明详细信息。

Answer 3

昨天我正在试验这个以更新身体的背景。这不是最好的解决方案，但是here's what I came up with。

// Color Picker
$('#colorpicker').farbtastic('#color');
$('#colorpicker *, #color').on('keyup mousedown touchstart', function() {
  $('body').css('background-color', $("#color").val());
  $('#colorpicker').on('mousemove touchmove', function() {
    $('body').css('background-color', $("#color").val());
  });
});

Jquery和farbtastic，使用colorwheel更新背景

3 个答案: