등급 시스템을 만들고 있는데, 각 단어를 클릭 할 때 전체 투명성을 부여하기를 원합니다. 또한 각 단어 위로 마우스를 가져 가면 이전 단어도 강조 표시됩니다.왜 mouseenter/mouseleave가 .click 이벤트에 영향을 줍니까?
기본적으로 내가 가진 유일한 문제는 사실 .click(); 이벤트가 작동하지 않습니다. 그것은 당신이 위의 모든 코드를 꺼내 경우 만 작동 :
// This isn't working:
$("#poor").click(function() {
$(this).css("opacity", "1");
});
$("#good").click(function() {
$(this).css("opacity", "1");
});
$("#great").click(function() {
$(this).css("opacity", "1");
});
jsFiddle 데모을 :: http://jsfiddle.net/MatthewKosloski/rjFpn/1/ 당신이 "이"로 이벤트를 참조하는 이벤트를 처리하는 지금
클릭 한 후 마우스를 놓은 후에도 여전히 마우스가 남아있는 이벤트가 트리거됩니다. 당신은 그것을 클릭 한 후에 일종의 플래그를 설정해야합니다, 아마도 엘의 데이터 속성 일 것입니다. 그런 다음 mouseleave/mouseenter에서 attr을 확인하십시오. –