在页面加载时重置Bootstrap 3轮播

Question

有没有人遇到过Bootstrap的轮播，不会在页面加载时重置。 在台式机和iPad上的Safari中似乎都表现得很奇怪。

在台式机上，如果您按下“后退”按钮并返回上一页，则保留的幻灯片/选项卡仍处于活动状态。

在iPad上，按返回按钮返回时，您保留的幻灯片/标签不再标记为活动状态。 这确实是更大的问题。

有没有一种方法可以强制data-slide-to='1'在页面加载时始终处于活动状态。

$('.carousel.graph').carousel({
    pause: true,
    interval: false
});
$(window).on('load', function () {
    var initial = $('table.picker td').attr('data-slide-to', 0);
    initial.addClass('active');
});

这没有用。

编辑

这也是我的HTML ...

<div id="carousel" class="carousel slide graph" data-ride="carousel">
    <table class="carousel-indicators picker">
        <tr>
            <td class="active" data-target="#carousel" data-slide-to="0">
                <div><span>Slide 1</span></div>
            </td>
            <td class="" data-target="#carousel" data-slide-to="1">
                <div><span>Slide 2</span></div>
            </td>
            <td class="blank"></td>
        </tr>
        <tr>
            <td class="" data-target="#carousel" data-slide-to="2">
                <div><span>Slide 3</span></div>
            </td>
            <td class="" data-target="#carousel" data-slide-to="3">
                <div><span>Slide 4</span></div>
            </td>
            <td class="" data-target="#carousel" data-slide-to="4">
                <div><span>Slide 5</span></div>
            </td>
        </tr>
    </table>

    <!-- Wrapper for slides -->
    <div class="carousel-inner graph">
        <div class="item active">
            <img src="/img/1.jpg" alt="" class="img-responsive" />
        </div>
        <div class="item">
            <img src="/img/2.jpg" alt="" class="img-responsive" />
        </div>
        <div class="item">
            <img src="/img/3.jpg" alt="" class="img-responsive" />
        </div>
        <div class="item">
            <img src="/img/4.jpg" alt="" class="img-responsive" />
        </div>
        <div class="item">
            <img src="/img/5.jpg" alt="" class="img-responsive" />
        </div>
    </div>
</div>

我的问题是， active不会通过data-slide-to="0"重新应用于TD 。 我可以告诉您，因为“选择器TD”处于活动状态时，它具有不同的背景色。 当我在iPad上按向后箭头时，所有“选择器TD”都具有相同的背景色。

Answer 1

$('.carousel.graph').carousel({
    pause: true,
    interval: false
}).carousel(0);

.carousel（number）
将轮播循环到特定帧（从0开始，类似于数组）。

文件： http ： //getbootstrap.com/javascript/#carousel-usage