【问题标题】:a problem with the jquery color picker?jquery 颜色选择器有问题吗?
【发布时间】:2010-11-12 14:53:16
【问题描述】:

我有这个来自 http://www.eyecon.ro/colorpicker/ 的 jquery colorpicker,一切正常,但我似乎不知道页面加载时我希望颜色选择器使用默认选择的颜色,即黑色

我有一个工作代码http://jsfiddle.net/SpmuV/5/

附言默认是白色的,但我想把它改成黑色。谢谢你:))

【问题讨论】:

    标签: javascript jquery html colors


    【解决方案1】:

    好的,我误解了你的问题。从你的例子中

    http://jsfiddle.net/SpmuV/14/

    $(document).ready(function(){
    
    
    $('#colPick').css('background-color', '#000000');
    $("#colPick").ColorPicker({
        color: '#000000',
        onShow: function (colpkr) {
            $(colpkr).fadeIn(500);
            return false;
        },
        onHide: function (colpkr) {
            $(colpkr).fadeOut(500);
            return false;
        },
        onChange: function (hsb, hex, rgb) {
            $('#colPick').css('background-color', '#' + hex);
        }
    }); 
    
    });
    

    好的,注意 OnChange 事件委托,您的选择器错误,您需要将其更改为 '#colPick'。

    由于我们将颜色选择器的默认值硬编码为黑色,因此我们可以使用 $('#colPick').css('background-color', '#000000'); 对选择器控件执行相同操作

    【讨论】:

    • 我认为 color 属性,仅确定显示颜色弹出窗口时颜色 os 的位置,如果你明白我的意思!!
    • 对不起,我还是不明白,可以将它添加到上面的 jsfiddle,我很想看看它是如何工作的,对不起 :((
    • 我之前没听懂你在问什么,我已经相应地调整了我的答案,它似乎运作良好。
    • 哦,是的,那是真的,那么我将$('#colPick').css('background-color', '#000000');放在哪里,在那个onchange函数中
    • 你不知道,看看我发布的代码,或者 jsfiddle 示例,看看它是如何工作的。您需要做 2 件事,1 为您的“#colPick”设置默认颜色,2 在设置 onchange 处理程序时,修复您的选择器。
    【解决方案2】:

    只是改变颜色? 颜色:'#0000ff'-> 颜色:'#000000',

    【讨论】:

    • @lucas,仅在弹出窗口中设置颜色的位置,谢谢!!
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2017-06-01
    • 2011-02-26
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-11-10
    • 2011-02-16
    相关资源
    最近更新 更多