Arka plan rengini değiştirme metin jQuery

Question

Rastgele arkaplan css rengi yapmak ve metin rengini tersine çevirmek için umut vaat eden bir kod buldum, ancak bunu işe yaramayacak gibi görünüyor. Herhangi bir yardım büyük beğeni topluyor. Burada

$(document).ready(function() { 
var colors = ['#000000', '#FF3516', '#34FF17', '#2458FF']; 
function UpdateColors() { 
    $(this).each(function(index) { 
     var color = colors[Math.floor(Math.random() * colors.length)]; 
     var invertedColor = invertColor(color); 
     $(this).css({ 
      'background-color': color, 
      'color': invertedColor 
     }); 
    }); 
} 
//$('div').UpdateColors(); 
}); 

Fiddle:

https://jsfiddle.net/abennington/h49zh3gy/10/

Answer 1

jQuery öğesini genişletmiyordunuz, böylece $ ('div') .ChicColors() işlevini göremediniz.

Ben bu yüzden fonksiyonunu bu şekilde kullanabileceği küçük değişiklikler yaptık: invertColor fonksiyonu yerde tanımlanmamış olarak yine bir hata alırsınız Ancak

jQuery.fn.UpdateColors = function() { ... } bu keman https://jsfiddle.net/h49zh3gy/11/

bakınız.

Answer 2

Belirli bir eleman üzerinde css() yöntemini çağırarak veya elemanların set olmak gerekir; $(this), kullandığınız bağlamda çalışmaz. Yani

, her element için bunu yapmak için çalışıyoruz gibi görünüyor beri:

$(document).ready(function() { 
    var colors = ['#000000', '#FF3516', '#34FF17', '#2458FF']; 
    $("*").each(function() { 
     var color = colors[Math.floor(Math.random() * colors.length)]; 
     var invertedColor = invertColor(color); 
     $(this).css({ 'background-color': color, 'color': invertedColor }); 
    }); 
}); 

sadece vücut elemanı bunu yapmak istiyorsanız, "body" ile "*" değiştirin.

(Ben senin invertColor() işlevi çalıştığını tahmin ediyorum.)

Edit: Ben açınızı biraz cevapsız düşünüyorum. $'u genişletdikten sonra, altta yaptığınız görüşmedeki görüşmede yaptığınız gibi işlevinizi çağırabilirsiniz. Ancak, benim kodumu (benim görüşüme göre, biraz daha fiddly) $ ile vidalama gitmek istemiyorsanız, hala çalışır.