jQuery backgroundColor animation weirdness

Question

새 문서가 목록에 추가되면 링크의 bg를 세 번 깜박이는 javascript 함수가 있습니다.

처음에는 문제가 없지만 함수를 호출하면 깜박임이 엉망이됩니다. 깜박이는 동작이 더 이상하다고 할수록 더 이상합니다.

IE8과 최신 버전의 Chrome에서 동일한 효과가 나타납니다.

var highlightNew = function (control) { 
    var item = $('li.new-document a.document-link', control); 
    if (item.length > 0) { 
     var highlightColor = '#ffa500'; 
     item.stop() 
      .animate({ backgroundColor: highlightColor }, 'slow') 
      .animate({ backgroundColor: 'transparent' }, 'slow') 
      .animate({ backgroundColor: highlightColor }, 'slow') 
      .animate({ backgroundColor: 'transparent' }, 'slow') 
      .animate({ backgroundColor: highlightColor }, 'slow') 
      .animate({ backgroundColor: 'transparent' }, 'slow'); 
    } 
} 

Answer 1

이 플러그인이 있습니까?

jQuery 설명서에 따라 배경색을 애니메이션으로 만들 수 없습니다. jQuery는이를 위해 jQuery.Color 플러그인을 사용할 것을 권장한다.

jQuery를이 문서를 애니메이션 - http://api.jquery.com/animate/

jQuery를 색상 플러그인 - https://github.com/jquery/jquery-color