Javascript 根据情况更改img源
有一件事我不明白,就是关于获取html元素的属性,我有一个小项目要自己开发,我必须获取img源元素,到目前为止一切正常,但每当我想用Javascript 根据情况更改img源,javascript,jquery,html,css,Javascript,Jquery,Html,Css,有一件事我不明白,就是关于获取html元素的属性,我有一个小项目要自己开发,我必须获取img源元素,到目前为止一切正常,但每当我想用data tablet或data mobil或data web在宽屏上更改img源时,我的img源就不存在了碰巧。我错在哪里 我想做什么? 我有三个数据-属性datamobil用于480){ $(this.attr(“数据src”,getTablet); }else if($(窗口).width()>768) { $(this.attr(“datasrc”,getW
data tablet
或data mobil
或data web
在宽屏上更改img源时,我的img源就不存在了碰巧。我错在哪里
我想做什么?
我有三个数据-属性datamobil
用于480){
$(this.attr(“数据src”,getTablet);
}else if($(窗口).width()>768)
{
$(this.attr(“datasrc”,getWeb);
}
});
})
.box{
利润率:10px;
浮动:左;
}
.box img{
宽度:300px;
}
如果您的条件错误 情况应该是这样的
if ($(window).width() > 768) {
$(this).attr('src', getWeb);
} else if ($(window).width() < 768 && $(window).width() > 480) {
$(this).attr('src', getTablet);
} else if ($(window).width() < 480) {
$(this).attr('src', getMobil);
}
你正试图以最复杂的方式实现某件事。由于您在问题中添加了css标记,因此您可以轻松地使用媒体查询。但是图像将是动态的,我不会使用相同的图像。您介意srset属性吗?是的,我喜欢,但srset不支持所有浏览器我们正在使用ie9和ie10Ok,但ie9和IE10是否在平板电脑和手机上运行?;)教程(也适用于其他读者):是的,但我想不仅我的if条件可能我的get函数也错了(我正在尝试学习jquery),谢谢,如果你合适,我还有另一个问题。每个都对吗?或者我必须使用另一种方法吗?只要您使用jquery,。每个都最好在DOM元素上循环。据我所知,你是如何使用的。每一种,都是正确的方法。itfunction中没有问题不起作用哪里是我的错误可能我的每个函数都可能出错如果我想用loop更改img,我该如何使用?顺便说一下,我不知道codepen和pixabay到底出了什么问题。但是,当我检查img元素时,该属性是正确的。为了检查这一点,我创建了简单的钢笔
var getWeb = $(this).attr("data-web");
var getTablet = $(this).attr("data-tablet");
var getMobil = $(this).attr("data-mobil");