2013-12-11 19 views
0

獲取類當前元素的,我有以下的jQueryjQuery的從一個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),它不起作用。

UPDATE

我已經包含內容

<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/

回答

0

試試這個,

$(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佈局

+0

對不起沒有它不改變任何顏色框。當我console.log(fromSetColor)其未定義 –

+0

你使用輸入元素或div元素? –

+0

您是否在此發佈您的html部分? –