ToggleClass與bxSlider

Question

我對Jquery UI有問題。 實際上，我想創建一個簡單的滑塊。 我正在將bxSlider與Jquery一起使用。 但是我實際上想每次更改滑塊中的圖片時都更改頁面背景。 我實際上正在使用此代碼：

var updateAfterSlideTransition = function() {
        if (slider.settings.infiniteLoop) {
            var position = '';
            // first slide
            if (slider.active.index == 0) {
            console.log(slider.active.index);
            $('body').toggleClass('body0', 1000).removeClass();
                // set the new position
                position = slider.children.eq(0).position();

            } else if (slider.active.index == 1) {
            console.log(slider.active.index);

                $('body').toggleClass('body1', 1000);

            } else if (slider.active.index == 2) {
            console.log(slider.active.index);

                $('body').toggleClass('body2', 1000);

            } else if (slider.active.index == getPagerQty() - 1 && slider.carousel) {
                position = slider.children.eq((getPagerQty() - 1) * getMoveBy()).position();
                // last slide
            } else if (slider.active.index == slider.children.length - 1) {
                position = slider.children.eq(slider.children.length - 1).position();
            }

            if (slider.settings.mode == 'horizontal') {
                setPositionProperty(-position.left, 'reset', 0);
                ;
            } else if (slider.settings.mode == 'vertical') {
                setPositionProperty(-position.top, 'reset', 0);
                ;
            }
        }
        // declare that the transition is complete
        slider.working = false;
        // onSlideAfter callback
        slider.settings.onSlideAfter(slider.children.eq(slider.active.index), slider.oldIndex, slider.active.index);

    }

當我正常使用滑塊（從左到右）時，它實際上起作用，但是當我嘗試向后使用它時，它不起作用。 如果您有任何想法使其變得簡單或更好，請隨時回答:)

Answer 1

嗨，我只是在檢查bxSlider插件，我認為您可以應用如下功能：

function classes () {
    $('body').removeClass();
    var activo = $('.bx-pager-item .active').attr('data-slide-index');
    var clas = 'body'+activo;
    $('body').addClass(clas, 300);
}

查看此演示並提出任何問題http://jsfiddle.net/Yq3RM/344/