删除图像的src属性 [英] Removing image src attribute
问题描述
删除图片
标签中的 src
属性似乎不会重新绘制iOS(7)上的视图,或Android(KitKat)。也不会将属性更改为空白值。桌面浏览器按预期工作。
这样可以删除属性,但视图并不反映变化:
$('#imgPreview')。removeAttr 'src');
这会改变属性,但视图并不反映更改:
$('#imgPreview')。attr('src','');
如果该属性更改为有效图像路径,视图更新:
$('#imgPreview').attr('src','http://some/image/path.jpg');
$ b
我有一个简单的测试用例这里显示这个问题。
有没有一种方法可以在更改 src
属性设置为空值或者一并删除 src
属性?
你可以使用这种类型的代码强制元素重绘:
$。fn.redraw = function(){
返回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')重绘()。;
Removing the src
attribute on an image
tag doesn't seem to redraw the view on iOS(7) or Android (KitKat). Neither does changing the attribute to a blank value. Desktop browsers work as expected.
This DOES remove the attribute but the view doesn't reflect the change:
$('#imgPreview').removeAttr('src');
This DOES change the attribute but the view doesn't reflect the change:
$('#imgPreview').attr('src','');
If the attribute is changed to a valid image path, the view DOES update:
$('#imgPreview').attr('src','http://some/image/path.jpg');
I have a simple test case HERE that shows the issue.
Is there a way that I can force a redraw after changing the src
attribute to a blank value or removing the src
attribute altogether?
You could force element redraw using this kind of snippet:
$.fn.redraw = function(){
return this.hide().show(0);
};
Or maybe better:
$.fn.redraw = function(){
return this.each(function(){
var zIndex = $(this).css('z-index');
$(this).css('z-index',-1).css('z-index',zIndex);
});
};
Then use it as e.g:
$('#imgPreview').removeAttr('src').redraw();
这篇关于删除图像的src属性的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!