2

我有一个 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>");
        }
    });
});
4

1 回答 1

0

如果 responsiveSlides 允许您获取和设置当前幻灯片,您将使用 cookie 来记住当前幻灯片,并在每次页面加载时从该 cookie 中读取。

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

于 2016-07-27T09:40:42.403 回答