Question

当我点击缩略图时，我正在尝试更改div的背景图像。背景需要根据缩略图“活跃”

进行更改

我试过的代码;

$('#sliderThumbs li a').click( function() {
    if($('#sliderThumbs li.entalk.active') === true) {
        $('#slider').css('background','url(i/slider-bg.jpg) no-repeat 0 -550px');
    }
});

HTML：

<div id="slider">
<ul id="sliderThumbs">
    <li class="intellibalast">
        <a href="#"><span>Intelliblast&trade; unit</span></a>
    </li>
    <li class="dolfin">
        <a href="#"><span>Dolfin&trade; sensor</span></a>
    </li>
    <li class="entalk active">
        <a href="#"><span>EnTalk&trade;</span></a>
    </li>
</ul>

所以，当我点击说.. Intellibalast时，那个li将转向class =“intellibalast active”

遗嘱的背景需要根据li的活动来改变（我有3个不同的图像，每个图像对应于li类。

Answer 1

更新：使用.is而不是hasClass并删除;来自css值。

试试这个：

$('#sliderThumbs li a').click( function() {
    if($(this).closest("li").is(".entalk, .active")) {
        $('#slider').css('background','url(../i/slider-bg.jpg) no-repeat 0 -550px');
    }
});

更改背景图片IF class =“active”

1 个答案: