jquery 효과 강조 표시가 작동하지 않습니다.

Question

나는 자주 사용하는 강조 표시 기능을 사용하여 벽에 머리를 두드리는 중입니다. 콘솔에서

나는 실행하면 그것은 반환

$('.2').effect('highlight', {}, 3000); 

:

[...]

내가 강조하고 싶은 요소가된다. 그러나 강조 표시하지 않으며 오류가 없습니다.

재밌는 이야기. 하지만 하이라이트를 좋아하는 이유는 하이라이트를 제거하는 지속 시간이 있기 때문입니다.

$(".2").css({ backgroundColor: "#FFFF88" }); 

모든 아이디어를 환영합니다! 당신이 그 요소에 배경 색상을 설정 한 않는 다른 어떤

http://jsfiddle.net/XxyjE/1/

Answer 1

? 그 위에있는 요소들?

예. 나는이 문제가 트위터 부트 스트랩의 .table-striped 클래스에서 어두운 색상으로 발생한다는 사실을 알고 있습니다. TD를 채색하는 것처럼 보입니다. 즉, 얼굴이 파랗아 질 때까지 어두운 TR을 강조 표시 할 수 있으며 여전히 색상 변경을 보지 않을 것입니다.

시도해보십시오 :

$('.2 *').effect('highlight', {}, 3000) 

당신이 그 문제의 아닌지 확인하려는 경우

. 그런 다음 거기에서 더 구체적인 선택자를 찾으십시오.

Answer 2

$.fn.highlight = function(){ 
    this.css("background", "#ffff99") 
    var self = this; 
    setTimeout(function(){ 
    self.css("background", "inherit"); 
    }, 500); 
}; 

Answer 3

이 질문은 제가 아는 한 오래된 질문이지만, 최근에 비슷한 문제가 발생하여 비슷한 문제가있는 다른 사람들에게도 해결책을 공유하고 싶습니다.

문제는 내가 강조하려고했던 요소가 transition CSS 속성 집합을 갖고 있었기 때문에 분명히 강조 효과가 적용되어 완전히 보이지 않게되었습니다.