2012-04-06 1 views
0

다음 코드에서 animate() 함수는 click()에서 작동합니다. mouseenter()에서 animate() 또는 pulse() (주석 처리하지 않은 경우)도 작동하지 않습니다. pulse() 기능이 ... 재로드 Overson에 의해 제공됩니다 jQuery animate() pulse() not working

http://jarrodoverson.com/static/demos/jquery.pulse.html

sectionTitle = $j(this).find(".sectionTitle"); 
    sectionTitle.click(function(){ 
    if($j(this).parent().height() == sections[$j(this).parent().attr("id")]["height"]){ 
     origHeight = sections[$j(this).parent().attr("id")]["origHeight"]; 
     $j(this).parent().animate({height:origHeight},"slow"); 
    }else{ 
     height = sections[$j(this).parent().attr("id")]["height"]; 
     $j(this).parent().animate({height:height},"slow"); 
    } 
    }) 
    sectionTitle.mouseenter(function(){ 
    var properties = { "color" : '#F00' }; 
    // $j(this).pulse(properties, 500, 3); 
    $j(this).animate({"background-color":'#F00'},"slow"); 
    }) 

내 코드의 실제 예를

는 여기에있다. http://fantasticvisions.net/test/me/

클래스 sectionTitle은 위 페이지의 H2 요소에 적용됩니다. 이를 클릭하면 jQuery animate()을 사용하여 내용이 확장됩니다. 그러나 mouseenter()이 실패합니다.

무엇이 여기에 있습니까? 나는 이것에 많은 다른 변이를 시도하고, 아무도 일하지 않는다. mouseenter() 이벤트가 실행되지 않으며 코드가 실행됩니다 (이 코드는 추적했습니다). 그러나 그 결과는 결코 발생하지 않습니다.

+1

무엇이 여기에 있습니까? '.pulse()'가 주석을 달았을 때 어떻게 동작 할까? 내 말은, 당신이 도움을 원한다면, 아마도 중요한 부분을 주석 처리하지 않고 실제 코드의 데모를 제공하는 것이 가장 좋을 것입니다. – Sparky

+1

Sparky672 당신은 약간 떨어져 있습니다. 게시물을 다시 읽으십시오. 특히 pulse() (주석 처리되지 않은 경우)가 작동하지 않는 경우를 언급합니다. 그러면 애니메이션을 주석 처리합니다. 또한 게시판에 실황 예제를 제공하지만, 처음으로보고 싶었 기 때문에 다시 여기에 있습니다. http://fantasticvisions.net/test/me/ – leoplaw

+0

당신이 내 의견의이 부분을 놓친 이후로 다시 여기 있습니다 : _ "도움이 필요하다면 아마도 실제 코드의 데모를 제공 할 것입니다. ** 중요한 부분은 주석으로 처리하지 않았습니다. * 최고 일 것이다 "_. '펄스'는 [귀하의 실제 예] (http://fantasticvisions.net/test/me/)에서 명확하게 주석 처리되어 있습니다. 도움이 필요하면 적절한 예를 게시하십시오. http://sscce.org/ – Sparky

답변

1

.animate()은 jQuery 자체가 색상 애니메이션을 지원하지 않기 때문에 작동하지 않습니다.

jQuery UI 또는 컬러 애니메이션 플러그인을 포함하면이 방법이 효과적입니다.

+0

감사합니다. JeffB! 그거였다. 8) – leoplaw

+0

.pulse()도 작동합니다. – leoplaw