javascript - 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 元素或 font-family input?

在 change 函数中添加一个 console.log($(this).val());。