Javascript 从attr分配背景图像
我需要设置不同的背景图像到几个div。我正在设置一个attr,其中包含特定div需要使用的背景图像的路径。当我试图将attr拉入设置bg的函数时,问题就出现了 这不起作用,但你可以看到我在做什么Javascript 从attr分配背景图像,javascript,jquery,html,Javascript,Jquery,Html,我需要设置不同的背景图像到几个div。我正在设置一个attr,其中包含特定div需要使用的背景图像的路径。当我试图将attr拉入设置bg的函数时,问题就出现了 这不起作用,但你可以看到我在做什么 $('.someDiv').each(function(){ thisDataBgPath = $(this).attr('data-bg'); $(this).css('background-image', 'url(../images/' + thisDataBgPath + ')'
$('.someDiv').each(function(){
thisDataBgPath = $(this).attr('data-bg');
$(this).css('background-image', 'url(../images/' + thisDataBgPath + ')');
});
我试过背景和背景图片,但都没用
当我使用普通图像路径时,它工作,但当我尝试注入变量时,它不工作
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>
对我有用。您的路径可能不正确?下面是对代码的快速测试。我刚刚删除了../images部分,因为我没有测试本地映像
您还必须发布一些HTML您确定路径正确吗?在旁注上-而不是
.attr('data-bg')
使用.data('bg')
$(this.attr('data-bg')代码>应该是$(this).data('bg')代码>请参见var thisdatagpath
而不是thisdatagpath
。。。也许?是的,它应该可以工作,但它只在使用数据的情况下工作。这个网站的代码中肯定有一些奇怪的垃圾。。。这就是为什么我讨厌接别人半途而废的项目哈哈
$('.someDiv').each(function(){
thisDataBgPath = $(this).attr('data-bg');
$(this).css('background-image', 'url(' + thisDataBgPath + ')');
});