Question

当我点击我的颜色选择器的一种颜色时，我喜欢这样：http://prntscr.com/7rnafa所选颜色会在目标项目上发生变化。

我开始编写代码的开头代码，但其余的我需要帮助。

的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

感谢。

Answer 1

尝试修改现有功能，如下所示：

$(".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，并让它完成选择元素的繁重工作。然后它使用http://www.fileformat.info/info/unicode/category/Pd/list.htm将css样式应用于这些元素。

jQuery：如何制作预定义的颜色选择器？

1 个答案: