JavaScript-слайд остается на том же слайде после обновления страницы
У меня есть слайд 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>");
}
});
});
1 ответ
При условии, что respiveSlides позволяет вам получить и установить текущий слайд, вы будете использовать куки, чтобы запомнить текущий слайд, и читать из этого куки каждый раз при загрузке страницы.
Этот ответ показывает, как получить текущий слайд: /questions/37420896/responseiveslidesjs-poluchit-tekuschij-slajd/37420905#37420905