JQuery .css（）忽略了以前的更改

Question

我有一个颜色选择器和一个排版选择器，可以改变文本的颜色和字体。为此，我有以下JQuery代码：

// Title color
$(".pick-a-color").on("change", function() 
{
    $(".preview-header-text").css("color", "#" + $(this).val());
});

// Title typography
$(".form-control").change(function()
{
    $(".preview-header-text").css("font-family", $(this).val());
});

问题在于，如果我首先更改排版然后再更改颜色，排版也会更改并重置为默认排版。反过来不会发生这种情况，如果我改变颜色然后排版，颜色不会重置为默认颜色。

Answer 1

您的代码看起来不错。

.form-control选择form元素或字体系列input？

在console.log($(this).val());功能中添加change。