Question

我需要将不同的背景图像设置为几个div。我正在设置一个包含特定div需要使用的背景图像路径的attr。当我尝试将attr拉入设置bg的函数时出现问题。

这不起作用，但你可以看到我在做什么。

$('.someDiv').each(function(){
    thisDataBgPath = $(this).attr('data-bg');
    $(this).css('background-image', 'url(../images/' + thisDataBgPath + ')');
});

我尝试了背景和backgroundImage，但都没有工作。

当我使用正常的图像路径时，它可以工作，但是当我尝试注入一个变量时，它不起作用。

html非常基本

       <div id="item">
            <div class="" data-bg="section-bg-large-career-1.jpg"></div>
            <div class="" data-bg="section-bg-large-career-2.jpg"></div>
            <div class="" data-bg="section-bg-large-career-3.jpg"></div>
        </div>

Answer 1

适合我。您的路径可能不正确？这是对您的代码的快速测试。我刚刚删除了../images部分，因为我没有测试本地图像。

http://jsfiddle.net/DvNjA/

$('.someDiv').each(function(){
    thisDataBgPath = $(this).attr('data-bg');
    $(this).css('background-image', 'url(' + thisDataBgPath + ')');
});

从attr分配背景图像

1 个答案: