Jquery 图片库更改时背景更改

我试图让它，当用户点击图片库改变图像时，背景图像也会改变

所以我尝试使用数据幻灯片索引将它们链接在一起。现在，我只是想改变背景颜色，而不是背景图像。感谢您的帮助。谢谢

HTML:

脚本：

<script type="text/javascript">

    jQuery(document).ready(function(){
        jQuery('.bxslider').bxSlider({
            pager:false,
            slideWidth:900,

            touchEnabled: true,
            swipeThreshold: 50,
            oneToOneTouch: true,
            preventDefaultSwipeX: true,
            preventDefaultSwipeY: false,

            controls: true,
            nextSelector: '#next',
            prevSelector: '#prev',
            nextText: 'NEXT',
            prevText: 'PREV'
        });


            if (jQuery('li:visible').data('slide-index')==='0'){
                jQuery('body').css("background-color", "green");
            } else {
                if (jQuery('li:visible').data('slide-index')==='1'){
                jQuery('body').css("background-color", "red");              
            };

     });


</script>

jQuery（文档）.ready（函数（）{
jQuery（'.bxslider'）.bxslider({
传呼机：错，
滑动宽度：900，
是的，
瑞士阈值：50，
没错，
是的，
斯威佩：错，
控制：对，
下一个选择器：“#下一个”，
prevSelector:“#prev”，
下一步：“下一步”，
prevText:“PREV”
});
if（jQuery（'li:visible'）。数据（'slide-index'）='0'）{
jQuery（'body'）.css（“背景色”、“绿色”）；
}否则{
if（jQuery（'li:visible'）。数据（'slide-index'）='1'）{
jQuery（'body'）.css（“背景色”、“红色”）；
};
});

我建议使用

数据

方法和

：可见

伪选择器：

if (jQuery('li:visible').data('slide-index') === '0') {
    //enter code here
}

---

@R.ALucus我已经用你的解决方案添加了代码，但仍然不起作用。如果你帮我看一下就好了。谢谢

元素都是可见的吗？它们有没有

显示：无

？它们如何在可见性之间切换？@R.ALucus是的，所有

元素都是可见的。我有一个名为bxSl的库jquery单击“上一页”和“下一页”即可更改图像的ider。

if (jQuery('li:visible').data('slide-index') === '0') {
    //enter code here
}