Estou recebendo muitas reclamações dos usuários de que, quando estão usando minhas guias baseadas em jQuery, eles acham irritante que, quando revidam no navegador, não vão para a guia anterior, mas para a página anterior . Eu adicionei os seguintes botões anterior / seguinte, mas não o suficiente. Como reconfigurar meus botões para que os usuários acessem a guia anterior e não a página anterior quando clicam na seta para trás do navegador. Você pode testá-lo aqui .
$('#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) == parseInt(length) - 1) {
window.location.href = '/home'; //redirect to home
//index = index - 1;
}
$('.quicktabs-tabs li').eq(index + 1).addClass('active');
$('.quicktabs-tabs li').eq(index + 1).find('a').click();
return false;
});
Adicionar # tab1 e # tab2 atrás do URL quando relevante
—
Gerard
Olá @Gerard, não seguindo, você pode mostrar um exemplo.
—
Efe
Você deve estar ciente de que impedir que qualquer navegador navegue para frente ou para trás pode ficar obsoleto no futuro devido ao motivo de que, se houver scripts maliciosos, eles poderão e assumirão o controle do navegador, que é o que grandes desenvolvedores de navegadores estão tentando impedir a todo custo.
—
BRO_THOM
Dê uma olhada no plug-in jqueryUI Tabs: jqueryui.com/tabs . A documentação também fornece detalhes sobre as navegações do teclado. api.jqueryui.com/tabs . Dar uma olhada.
—
Prasad Wargad
@Fefe você resolveu?
—
Aabir Hussain