问题描述:
动态设置ing的src: $("#id").attr(“src”,"/imges/1.png");
问题:安卓机正常显示,苹果机因为兼容问题,不显示图片。
解决方式:
1.引用vue.js 动态设置img的src。
例子:
img 是从后台获取的数据。
vue.js 定义如下:
var vue = new Vue({
el: '#app',
data: {
img:"",
},
methods: {
back() {
window.history.go(-1);
},
GetInfo(id) {
layer.load(0, { shade: 0.3 });//上传loading
$.ajax(function(){
.......
vm.$data.img = data.Data.img;
})
},
},
})
2.用div替换img标签。
1》设置div 的高度和宽度
2》动态赋值background-image
例子:$("#id").css(“background”, “url(/imges/1.png) no-repeat center”);
$("#id").css(“background-size”, “100%”);
no-repeat:表示不重复,background-size需要一起动态赋值,因为,background中包含background-size属性,会覆盖前面的样式。