我收到了很多用户的抱怨,说当他们使用我的基于 jQuery 的选项卡时,他们发现很烦人,当他们回击浏览器时,他们没有转到上一个选项卡而是转到上一页. 我添加了以下上一个/下一个按钮,但还不够。如何重新配置我的按钮,以便用户在单击浏览器后退箭头时转到上一个选项卡而不是上一个页面。你可以在这里测试它。
$('#quicktabs-registration_steps').append('<div class="prevnext"><a class="tablink-prev btn" href="#">Prev</a><a class="tablink-next btn btn-lg btn-primary" href="#">Continue</a></div>');
$('.tablink-prev').click(function () {
var index = $('.quicktabs-tabs li.active').index();
$('.quicktabs-tabs li').eq(index).removeClass('active');
if (index == 0) {
index = 1;
}
$('.quicktabs-tabs li').eq(index - 1).addClass('active');
$('.quicktabs-tabs li').eq(index - 1).find('a').click();
return false;
});
$('.tablink-next').click(function () {
var length = $('.quicktabs-tabs').first().children().size();;
var index = $('.quicktabs-tabs li.active').index();
$('.quicktabs-tabs li').eq(index).removeClass('active');
// if (parseInt(index) == parseInt(length) - 1 ) {
// index = index - 1;
// }
if (parseInt(index) == …Run Code Online (Sandbox Code Playgroud)