jQuery：我如何製作預定義的顏色選擇器？

我想要點擊我的顏色選擇器的顏色之一：http://prntscr.com/7rnafa所選顏色在目標項目上發生變化。jQuery：我如何製作預定義的顏色選擇器？

我開始編碼我的代碼的開始，但其餘的我需要幫助。

jQuery的：

$(function() { 
    $(".colorPickerToggleButton").on("click", function(e) { 
     $(".colorPickerToggleButton").toggleClass("active"); 
    }); 
    $('.colorPickerToggleButton').toggle(function() { 
     $(".colorPicker").addClass("shown"); 
    }); 

    var color_elements_background = ".nodeList .categoryStrip"; 

    var color_elements_text = "a:link, a:visited"; 

    $(".colorPicker span").on("click", function() { 
     var customColor = $(this).attr("custom_color"); 
    }); 
});

我想吃點什麼確切地說，它是例如如果我點擊我的顏色選擇器的顏色之一，單擊顏色應用於針對性的元素。例如：http://prntscr.com/7rncra

謝謝。

來源

2015-07-12 Uptop 14

嘗試修改現有的功能，看起來像這樣：

$(".colorPicker span").on("click", function() { 
    var customColor = $(this).attr("custom_color"); 
    $(color_elements_background).css("background-color", customColor); 
    $(color_elements_text).css("color", customColor); 
});

這將設置使用jQuery您的目標元素的CSS顏色。

它的工作方式是將查詢字符串直接傳遞給jQuery，並讓它完成選擇元素的繁重工作。然後它使用jQuery .css function將CSS樣式應用於這些元素。

來源

2015-07-12 02:08:09

嗨，謝謝。是的，但我需要針對我的變種中的元素：http://prntscr.com/7rnftq –

@ Uptop14這就是主意。 jQuery通過傳入一個字符串來選擇元素。因此，例如，當您將字符串「a：link，a：visited」傳遞給jQuery（通過傳遞變量color_elements_text）時，它將對匹配該查詢字符串的元素進行操作。通常，人們將字符串作爲文字傳遞給jQuery，但您也可以通過變量傳遞它們。這就是我在這裏所做的。編輯：由於JavaScript關閉如何工作，該變量應該可以從點擊功能內訪問，如果這是你的問題的一部分！ –

好的。但如果我有多種顏色，我該怎麼辦？我如何使用它？ http://prntscr.com/7rnjcu –

jQuery：我如何製作預定義的顏色選擇器？

回答

相關問題