$ (this) funktionieren nicht

Question

ich ColorPicker Plugin. verwende ich das Plugin mit folgendem Code initialisiert:

$(".colorpic").ColorPicker({ 
    color: '#0000ff', 
    onShow: function (colpkr) { 
     $(colpkr).fadeIn(500); 
     return false; 
    }, 
    onHide: function (colpkr) { 
     $(colpkr).fadeOut(500); 
     return false; 
    }, 
    onChange: function (hsb, hex, rgb) { 
     $(this).css('backgroundColor', '#' + hex); <= $(this) not working 
    } 
}); 

Nun mein Problem ist, dass $(this) nicht in onchange Veranstaltung arbeiten. Hilf mir bitte?

Answer 1

wie diese versuchen:

$(".colorpic").each(function(){ 
    var $this = $(this); 

    $this.ColorPicker({ 
     color: '#0000ff', 
     onShow: function (colpkr) { 
      $(colpkr).fadeIn(500); 
      return false; 
     }, 
     onHide: function (colpkr) { 
      $(colpkr).fadeOut(500); 
      return false; 
     }, 
     onChange: function (hsb, hex, rgb) { 
      $this.css('backgroundColor', '#' + hex); 
     } 
    }); 
}); 

Answer 2

Die this ist ein wirklich großes Problem, da in diesem Fall die this an die Funktion geht, wenn ich mich nicht irre. Versuchen Sie Folgendes:

var colorPicker=this; 
onChange: function (hsb, hex, rgb) { 
    $(colorPicker).css('backgroundColor', '#' + hex); 
}