이전 변경 사항을 무시한 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());을 추가하십시오.