jQuery에서 호버 이벤트와 클릭 이벤트 간의 충돌에 대한 자세한 설명(그림)

제가 오늘 웹페이지를 검색하다가 블로그에 올려서 여러분과 공유해야 할지 고민하다가 노트를 많이 썼다는 사실을 천천히 깨달았습니다. 소소한 경험들~ 여러분과 함께 나누고 싶습니다 공유하고 웃으세요! ㅋㅋㅋ .

바람직하지 않은 방법은 다음과 같습니다.

(1) JQ는 CSS를 변경하기 위해 클릭 이벤트를 추가합니다( ). javascript를 통해 배경색을 수정하면 정의를 덮어쓰게 되므로 이 방법을 사용할 수 없습니다. css 모든

Background-color

속성은 물론 hover 아래에 Background-color 속성도 포함하므로 이렇게 작성하면 클릭 이벤트 이후 hover 이벤트가 무효화됩니다.

(2) JQ가 addClass() 메서드를 사용하는 경우 우선순위 문제가 발생합니다.

(3) js에서는 JQ의 hover( )를 아직 사용할 수 없습니다. 권장 방법은 다음과 같습니다.

(1) 두 개의 CSS 스타일 시트와 한 개의 hover 스타일을 미리 작성할 수 있습니다

그런 다음 이번에는 JS로 작성합니다. JQ의 Attr()은 두 li의 클래스 이름을 직접 변경하므로 일련의 다른 문제가 발생하지 않습니다.

(2) 다음과 같이 CSS 호버에

!important를 추가할 수도 있습니다.

　 :hover{ 색상 : #FF6C00 !중요;}

위 내용은 jQuery에서 호버 이벤트와 클릭 이벤트 간의 충돌에 대한 자세한 설명(그림)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!