$ (this) không được làm việc

Question

Tôi đang sử dụng ColorPicker Plugin. tôi khởi tạo các plugin với đoạn mã sau:

$(".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 
    } 
}); 

Bây giờ vấn đề của tôi là $(this) không hoạt động trong onchange sự kiện. Giúp tôi ra ngoài?

Answer 1

Hãy thử như thế này:

$(".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

this là một vấn đề thực sự lớn, vì trong trường hợp này, this sẽ chuyển sang hàm nếu tôi không nhầm. Hãy thử như sau:

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