jquery - 根据选择设置 Div 的背景 CSS

Question

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

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"));
   });
   });

Answer 1

可以通过 jquery 更改背景图像属性

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

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