根据选择设置Div的背景CSS

时间:2015-02-13 12:20:21

标签: jquery css

我有一个小jquery,我已设置将水晶颜色的前景图像更改为选定的设计。 (要开始设计,首先需要选择皮革颜色和图案。)

http://www.pinkequine.com/shop/pesport_bespoke.php

但我不得不改变填充标签的背景CSS,这会改变皮革的颜色。如果没有图像,我想将div Brown1设置为默认图像。

如果它是前景图像,我会这样做,但由于它的背景CSS改变,我不知道在第2和第3部分中应该放什么。任何人都可以帮忙吗?

提前谢谢你。丹尼斯

//#BROWN PIPING
 //1. on image change set the table cells to the correct colour   
     $("#paddingbrn").change(function() {

//2.sets the corresponding table cells to the selected images        
     if ( $("#paddingbrn").val()!="" ){
        $("#brown1").append("<img src=\"" + $("#paddingbrn").val()  + "\" />");  }
//3. If no image is found, then empty all the table cells           
        else{
        $("#brown1").empty();
     }$("#paddingbrn").live("change", function() {
            $("#pipingcolour").val($(this).find("option:selected").attr("name"));
   });
   });

1 个答案:

答案 0 :(得分:-1)

在jquery中更改background-image属性可以通过

完成
$('#selector').css("background-image", "url(/pathtoimage.jpg)");  

此外,由于您使用的是jquery 1.8,因此请勿使用.live()函数。自1.7以来它已经过时了。请改用.on("change")