Question

我正在尝试使用img src作为媒体查询时的背景图片。

我的媒体查询已激活，而max-width：854px。

我尝试使用jQuery但不能正常工作。

我的jQuery：

$(document).ready(function () {
        if ($(window).width() <= 854) {
            $('a.class').css('background-image', 'url(' + $('a.class img').attr(src) + ')');
        }
    });

我做错了什么？

谢谢！

Answer 1

使用jQuery，您可能希望这样做：

$(document).ready(function () {
    if ($(window).width() <= 854) {
        $('a.class').each(function(){
            $(this).css('background-image', 'url(' + $(this).children('img').attr('src') + ')');
        });
    }
});

我使用了each循环，因为我猜你可以有多个a.class，我使用src属性的引号。

Answer 2

更改

$('a.class').css('background-image', 'url(' + $('a.class img').attr(src) + ')');

到

$('a.class').css('background-image', 'url(' + $('a.class img').attr('src') + ')');

.attr函数需要一个字符串。您需要引用该值，因为src是属性的名称。

如果您按照Juan的建议检查了浏览器的控制台是否存在错误，则可能会发现此问题。或者，如果您查看IDE中的语法突出显示，您会注意到src的颜色与变量名称相似，而不是字符串值。

Answer 3

$（＆＃39; a.class＆＃39;）。css（＆＃39; background-image＆＃39;，＆＃39; url（＆＃39; + $（＆＃39; a.class） img＆＃39;）。attr（＆＃34; src＆＃34;）+＆＃39;）＆＃39;）;

＆＃34; SRC＆＃34;必须在引号之间。

使用img src作为背景图像

3 个答案: