页面刷新后 JavaScript 幻灯片停留在同一张幻灯片上

Question

我有一个 JavaScript 幻灯片，里面是一个网格视图。我想在回发或页面刷新后留在同一张幻灯片上。网格视图都有不同的功能。

这是我的代码。

HTML：

<div class = "callbacks_container">
    <div class="rslides callbacks callbacks1" id="slider3">

        <div class = "grid-slide">
            <div class = "prg-dte">
                <asp:Label ID="Label1" class = "srch-res" runat="server" ></asp:Label>
            </div>

            <div class = "table-grid">
                <asp:GridView ID="GridView1" class = "grd-view table table-hover table-striped" OnRowDataBound="GridView1_RowDataBound"  OnSelectedIndexChanged="Gridview1_OnSelectedIndexChanged"  runat="server">
            </asp:GridView>
        </div>

        <div class = "grid-slide">
            <div class = "prg-dte">
                <asp:Label ID="Label2" class = "srch-res" runat="server" ></asp:Label>
            </div>

            <div class = "table-grid">
                <asp:GridView ID="GridView2" class = "grd-view table table-hover table-striped" OnRowDataBound="GridView2_RowDataBound"  OnSelectedIndexChanged="Gridview2_OnSelectedIndexChanged"  runat="server">
            </asp:GridView>
        </div>

    </div>
</div>

JavaScript：

$(function() {
    $("#slider3").responsiveSlides({
        auto: false,
        pager: false,
        nav: true,
        speed: 500,
        namespace: "callbacks",
        before: function() {
            $('.events').append("<li>before event fired.</li>");
        },
        after: function() {
            $('.events').append("<li>after event fired.</li>");
        }
    });
});

Answer 1

提供的 responsiveSlides 让您可以获取和设置当前幻灯片，您可以使用 cookie 来记住当前幻灯片，并在每次页面加载时从该 cookie 中读取。

此答案向您展示了如何获取当前幻灯片： https://stackoverflow.com/a/23815701/2413794