0 
<style type="text/css">
            .RadWindow .rwWindowContent .radalert
            {
                background-image:url("images/InfoImg.png"); 
            }
        </style>

上面的css文件中的代码，我想改变上面css文件的背景图片，当用户调用jquery服装函数时，我想改变rad alert的背景图片。

4

4 回答 4

4

使用两个类：

<style type="text/css">
    .RadWindow .rwWindowContent .radalert {
         background-image:url("images/InfoImg.png"); 
    }
    .RadWindow.newbg .rwWindowContent .radalert {
         background-image:url("images/other_image.png"); 
    }
</style>

JS：

$('.RadWindow').addClass('newbg');    // adds the new background
$('.RadWindow').removeClass('newbg'); // removes the new background
$('.RadWindow').toggleClass('newbg'); // toggles the new background
于 2013-05-17T12:35:13.673 回答
1

假设您必须将图像的 url 更改为“images/InfoImg2.png”，您可以使用代码选项 1-

jQuery -

var newUrl = "images/InfoImg2.png";
$(".radalert").css({
    backgroundImage : 'url("'+newUrl+'")'
});

或者

CSS -

RadWindow .rwWindowContent .radalert2{
  background-image:url("images/InfoImg2.png"); 
}

jQuery -

$(".radalert").addClass("radalert2");
于 2013-05-17T12:33:40.647 回答
1

试试这个简单的老式方法：

$(document).ready(function(){
    $('.RadWindow .rwWindowContent .radalert')
    .css('background-image', "url('images/InfoImg.png')");
})

或者

根据评论请求，您可以使用 jQuery 的.toggleClass()方法。为了发挥最大优势，在 css 中简单地设置 2 个交替背景类。在加载时将一个分配给您的元素（将其写入 HTML）并准备好另一个。然后，在一个“动作”上，使用 toggleClass 来交替这两个类！

工作示例

它的工作原理很简单。首先设置你的 CSS：

<style type="text/css">
    .bg-type-01 {
        background-image: url("some url");
    }
    .bg-type-02 {
        background-image: url("another url");
    }
</style>

然后将您的第一个类应用于您的元素：

<div class="radalert bg-type-01"> ... </div>

最后，用jQuery编写非常简单的JS！

<script type="text/javascript">
    $(function() {
        $("something").on("click", function(e) {
            $(".radalert").toggleClass("bg-type-01 bg-type-02");
        });
    })
</script>
于 2013-05-17T12:34:00.813 回答
1

尝试

$('.RadWindow .rwWindowContent .radalert').css('background-image', 'images/new.png')
于 2013-05-17T12:37:24.537 回答