Question

我有以下jQuery

$('.colorpicker').colpick({
layout:'hex',
        submit:0,
        colorScheme:'dark',
        onChange:function(hsb, hex, rgb, fromSetColor) {
            if (!fromSetColor) $('.colorpicker').val(hex).css('background-color', '#' + hex);
        }
});

如何仅定位此元素而不是$(".colorpicker")函数中的所有onChange？我尝试了$(this)但它不起作用。

更新

我已经包含了内容

<label for='field-32'>Colour 2</label>
                        <input data-question-id='32' type='text' name='question-32'   id='field-32' class='colorpicker question-field field form-control' value="" />

<script>
$(window).load(function() {

    $('.colorpicker').colpick({
    layout:'hex',
            submit:0,
            colorScheme:'dark',
            onChange:function(hsb, hex, rgb, fromSetColor) {
                if (!fromSetColor) $(fromSetColor).val(hex).css('background-color', '#' + hex);
                console.log(this);
            }
    }).keyup(function(){
        $(this).colpickSetColor(this.value);
            });
    });

</script>

更新2

JSFIDDLE http://jsfiddle.net/9p6ac/

Answer 1

试试这个，

$(window).load(function() {

$('.colorpicker').colpick({
       layout:'hex',            
        colorScheme:'dark',
        onSubmit:function(hsb, hex, rgb, fromSetColor) {
            if (!fromSetColor) $(fromSetColor).val(hex).css('background-color', '#' + hex);

        }
   }).keyup(function(){
        $(this).colpickSetColor(this.value);
    });
});

假设.colorpicker选择器应用于输入文本框。

参考：http://colpick.com/plugin

部分：示例 - 使用onSubmit回调和rgbhex布局的颜色框

jQuery从jQuery函数中获取当前元素的类

1 个答案: