2014-04-24 3 views
1

image 태그의 src 속성을 제거해도 iOS (7) 또는 Android (KitKat)의보기가 다시 그려지지 않습니다. 속성을 공백 값으로 변경하지도 않습니다. 데스크톱 브라우저는 예상대로 작동합니다.이미지 src 속성 제거 중

이 속성을 제거 않지만보기가 변경 반영하지 않습니다 $('#imgPreview').removeAttr('src');

이 속성을 변경합니까를하지만보기가 변경 반영되지 않습니다 : 속성 인 경우 $('#imgPreview').attr('src','');

을 올바른 이미지 경로로 변경하면보기가 업데이트를 수행합니다. $('#imgPreview').attr('src','http://some/image/path.jpg');

간단한 테스트 케이스 HERE에 문제가 표시됩니다.

src 특성을 빈 값으로 변경하거나 src 특성을 모두 제거한 후에 강제로 다시 그릴 수있는 방법이 있습니까?

+0

당신이'으로 시도 되세요 .attr() 대신 .prop()'를 사용 하시겠습니까? – Satpal

+2

src가없는 이미지를 분리하지 않는 이유는 무엇입니까? – Pete

+0

@Satpal 동일하게 보입니다. http://jsfiddle.net/Tv89V/8/ – Turnip

답변

3

당신은 요소를 강제 수있는이 조각의 종류 사용하여 다시 그리기 : 어쩌면

$.fn.redraw = function(){ 
    return this.hide().show(0); 
}; 

또는 더 나은 :

$.fn.redraw = function(){ 
    return this.each(function(){ 
     var zIndex = $(this).css('z-index'); 
     $(this).css('z-index',-1).css('z-index',zIndex); 
    }); 
}; 

는 그런 예로 사용 :

$('#imgPreview').removeAttr('src').redraw(); 
+0

Spot on. 건배! 비록 이것이 아직도 필요한 이유를 알고 싶지만 – Turnip