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