jquery를 사용하여 CSS 파일의 정적 색상을 동적으로 변경합니다.

Question

버튼이 여러 개 있고 bg라는 클래스가 있습니다. CSS 파일에서 bg 클래스의 스타일을 지정하는 동시에 JS 파일에서 해당 색상을 동적으로 변경할 수 있기를 원합니다. 배경은 단 하나의 색상이지만 원하는 다른 색상을 만들 수 있습니다. 예를 들어 색상 코드는 API에서 가져옵니다(test1은 빨간색, test2는 노란색 등). 어떤 코드가 나오든 사용하고 싶습니다. 예를 들어 test2 페이지로 이동하면 배경이 노란색이 됩니다. CSS 파일에 클래스 test1 및 test2를 생성하여 수행할 수 있지만 수백 페이지가 있을 수 있으므로 작동하지 않으며 CSS 파일에 추가하는 번거로움보다 API의 색상 코드를 사용하는 것이 더 논리적입니다. .

으아악 으아악 으아악

비슷한 것을 시도했지만 호버가 제대로 작동하는 것 같지만 클릭하면 고정된 상태로 유지되지만 그 중 하나만 활성 상태로 유지되기를 바랍니다. 또한 내 원본 파일에서는 addClass 및 RemoveClass가 다른 파일에서 수행되고 올바르게 활성 클래스가 하나만 있지만 스타일은 변경되지 않습니다.

내 문제를 올바르게 설명했으면 좋겠습니다.

Answer 1

원하시는 정확한 결과가 확실하지 않지만, 한 번에 하나의 활성 배경만 있도록 코드를 일부 변경했습니다. 나도 단순화했다. CSS 위로 마우스를 가져가면 JavaScript 위로 마우스를 가져가게 됩니다. 간단한 작업을 위해 CSS 파일 위로 마우스를 가져가십시오. JavaScript를 사용하여 클릭 이벤트를 처리합니다.

으아악 으아악 으아악