jquery를 사용하여 업데이트 할 때 배경색 변경

Question

요소를 업데이트 할 때 배경색을 변경하려고합니다.

서버에서 응답이 돌아 오면 초당 요소의 배경색을 변경 한 다음 원본으로 다시 변경하고 싶습니다. 배경색을 변경할 수는 있지만 동일한 호출에서 다시 변경할 수는 없습니다.

$.each(theArray,function(intIndex,objValue){ 
    $("#" + objValue.id).parent().css('background-color','red'); 
}); 
//NEED TIMING EVENT FOR DELAY 
$.each(theArray,function(intIndex,objValue){ 
    $("#" + objValue.id).parent().css('background-color','transparent'); 
}); 

첫 번째 루프는 잘 작동하지만 난 다른 하나는 동작하지 않습니다 : 여기에

는 내가 지금까지 가지고있는 것입니다.

나는 이런 식 시도 :

$.each(theArray,function(intIndex,objValue){ 
    $("#" + objValue.id).parent.css('background-color','red').delay(1000).css('background-color','transparent'); 
}); 

을하고 그 중 하나가 아무것도하지 않았다.

그래서 문제가 무엇인지 잘 모르겠습니다. 어떤 제안?

Answer 1

$.each(theArray,function(intIndex,objValue){ 
    var $el = $("#" + objValue.id).parent().css('background-color','red'); 
    setTimeout(function(){ 
     $el.css('background-color', ''); 
    }, 1000); 
}); 

여기 데모입니다 : http://jsfiddle.net/Wnntu/

Answer 2

당신은 아마도 .css('background-color','')을 더 찾고 있습니다. 이렇게하면 요소 스타일에서 제거되어 체인의 마지막 요소를 적용합니다. 그러나 왜 투명하게 작동하지 않을지 확실하지 않습니다.

업데이트,

는 여기를 참조하십시오 http://jsfiddle.net/

Answer 3

이 시도 :

$.each(theArray,function(intIndex,objValue){ 
    $("#" + objValue.id).parent().css('background-color','red').delay(1000).queue(function() { 
     $(this).css('background-color',''); 
     $(this).dequeue(); 
    }); 
}); 

Answer 4

.delay()에만 작동하지 않습니다 jQuery를 UI없이 애니메이션 효과 큐, 또는 사용자 정의 큐 및 애니메이션 작업 색상이 ...

대신 setTimeout() 전화를 사용할 수 있습니다. :

$.each(theArray,function(intIndex,objValue){ 
    var myObj = $("#" + objValue.id).parent().css('background-color','red'); 
    setTimeout(function() { 
     myObj.css('background-color','transparent'); 
    },1000); 
});