如何使用颜色选择器保存背景颜色?

时间:2014-02-23 19:25:24

标签: jquery css colors color-picker picker

我是使用jquery cookie的新手,你能帮助我吗...我尝试使用我在这里找到的几乎每一个例子并在google上搜索但没有结果。 如何使用此http://www.eyecon.ro/colorpicker/颜色选择器保存背景颜色? 我正在使用这个例子:

<pre><code>
$('#colorSelector').ColorPicker({
    color: '#0000ff',
    onShow: function (colpkr) {
        $(colpkr).fadeIn(500);
        return false;
    },
    onHide: function (colpkr) {
        $(colpkr).fadeOut(500);
        return false;
    },
    onChange: function (hsb, hex, rgb) {
        $('#colorSelector div').css('backgroundColor', '#' + hex);
    }
});</code></pre>

编辑: 我到目前为止所做的步骤,但现在背景颜色不再改变了:

  1. 我在颜色选择器调用之前包含了jquery.cookie.js文件
  2. 我已将上述代码更改为此

    
    if($.cookie('my_color')) {
        $('#colorSelector div').css('backgroundColor',$.cookie('my_color'));
    }
    
    $('#colorSelector').ColorPicker({
        color: '#0000ff',
        onShow: function (colpkr) {
            $(colpkr).fadeIn(500);
            return false;
        },
        onHide: function (colpkr) {
            $(colpkr).fadeOut(500);
            return false;
        },
        onChange: function (hsb, hex, rgb) {            
                $.cookie('my_color', '#' + hex, { expires: 365 });
        }
    });
    
  3. 我做错了什么? 感谢。

0 个答案:

没有答案