dlaczego nie jest to kod kierowania wybierak w prawo

Question

Funkcja ta ma na celu zmienić kolor tła obiektu kliknięciu

function colorMe(){ 
    $(this).css('background-color', 'red'); 
} 

nazywam go tak jak to

$('.colorme').click(colorMe); 

i zmienia tło tego div

<div class="colorme">Color Me</div> 

Problem polega na tym, że chcę zrobić coś innego, zanim uruchomię colorMe. Więc nie mogę użyć tylko $('.colorme').click(colorMe);. Co próbuję zrobić, to coś takiego, ale to nie wpływa na element div. Myślę, że utracił on ślad na div. Czy muszę go przekazać i jak?

Answer 1

function colorMe(elt){ 
    $(elt).css('background-color', 'red'); 
} 

$('.colorme').click(function(){ 
    alert('something happens first, then colorMe is called'); 
    colorMe(this);   //I call colorMe here.. 
}); 

Aby wywołać funkcję w obiekcie jQuery jak ty tutaj

$(this).colorMe() 

trzeba by zbudować wtyczki (I edycja ją dodać klasę)

// css 
.red { 
    background: red; 
} 

// js 
(function($) { 
    $.fn.extend({ 
     colorMe: function() { 
      this.addClass("red"); 
     }, 
     unColorMe: function() { 
      this.removeClass("red"); 
     } 
    }); 
})(jQuery); 

Wtedy byłbyś w stanie zrobić

$(".a_class").colorMe(); 
$(".a_class").unColorMe(); 

Answer 2

Należy użyć metody .addClass().

function colorMe(element){ 
    element.addClass('my-red-class'); 
} 

$('.colorme').click(function(){  
    colorMe(this);   
}); 

A w pliku css masz klasę o nazwie 'moja-czerwono-klasa' (użyć lepszej nazwy!)

.my-red-class { background-color: red; } 

I można również łatwo usunąć CSS:

function unColorMe(element){ 
    element.removeClass('my-red-class'); 
} 

Answer 3

function colorMe(){ 
    $(this).css('color', 'red'); 
} 

za pomocą połączenia()

$('.colorme').click(function(){ 
    alert('something happens first, then colorMe is called'); 
    colorMe.call(this); 
});