Question

我使用以下js代码将阿拉伯语中的bootstrap轮播的方向更改为“ltr”。我需要将轮播的方向更改为'ltr'，但以下的js代码无法正常工作。

是否有人会调试此问题。

JQuery的

var theLanguage = $('html').attr('lang');
if(theLanguage == 'en') {

    $('.carousel').carousel({
        direction:'left',
    });
}

else{

    $('.carousel').carousel({
        direction:'right',
    })
}

Answer 1

通过覆盖循环功能，您可以在每个循环中调用prev而不是next。

Take a look at my working example here

$(document).ready(function () {
    $('.carousel').each(function(){

        // find carousel
        $(this).carousel();

        var carousel = $(this).data('bs.carousel');

        // pause the cycle
        carousel.pause();

        // At first, reverse the order of the items in the carousel because we're moving backwards
        $(this).find('> .carousel-inner > .item:not(:first-child)').each(function() {
            $(this).prependTo(this.parentNode);
        });

        // Override the bootstrap carousel prototype function, adding a different one won't work
        carousel.cycle = function (e) {
            if (!e) this.paused = false
            if (this.interval) clearInterval(this.interval);
            this.options.interval
            && !this.paused
            && (this.interval = setInterval($.proxy(this.prev, this), this.options.interval))
            return this;
        };

        // begin the cycle again
        carousel.cycle();
    });
});

如何改变bootstrap carousel方向

1 个答案: