Ricevo molte lamentele da parte degli utenti che quando usano le mie schede basate su jQuery, trovano fastidioso che quando tornano sul loro browser, non passano alla scheda precedente ma alla pagina precedente . Ho aggiunto i seguenti pulsanti precedente / successivo ma non abbastanza. Come posso riconfigurare i miei pulsanti in modo che gli utenti vadano alla scheda precedente anziché alla pagina precedente quando fanno clic sulla freccia indietro del browser. Puoi provarlo qui .
$('#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;
});
Aggiungi # tab1 e # tab2 dietro l'URL, se pertinente
—
Gerard,
Ciao @Gerard, non seguendo puoi mostrare un esempio.
—
Efe,
Dovresti essere consapevole del fatto che impedire a qualsiasi browser di spostarsi avanti o indietro in futuro potrebbe diventare obsoleto a causa del motivo che se ci sono script dannosi, possono e prenderanno il controllo del tuo browser, che è ciò che i grandi sviluppatori di browser stanno cercando di prevenire a tutti i costi.
—
BRO_THOM
Dai un'occhiata al plug-in Tab jqueryUI : jqueryui.com/tabs . Inoltre la loro documentazione fornisce dettagli anche sulla navigazione da tastiera. api.jqueryui.com/tabs . Dare un'occhiata.
—
Prasad Wargad,
@Efe l'hai risolto?
—
Aabir Hussain,