Saya mendapat banyak keluhan dari pengguna bahwa ketika mereka menggunakan tab berbasis jQuery saya, mereka merasa menjengkelkan bahwa ketika mereka menekan balik pada browser mereka, mereka tidak pergi ke tab sebelumnya tetapi ke halaman sebelumnya . Saya menambahkan tombol sebelumnya / berikutnya tetapi tidak cukup. Bagaimana cara mengkonfigurasi ulang tombol saya sehingga pengguna akan pergi ke tab sebelumnya daripada halaman sebelumnya ketika mereka mengklik panah kembali browser. Anda bisa mengujinya di sini .
$('#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;
});
Tambahkan # tab1 dan # tab2 di belakang URL bila relevan
—
Gerard
Hai @ Gerard, tidak mengikuti Anda dapat menunjukkan contoh.
—
Efe
Anda harus menyadari bahwa mencegah peramban apa pun untuk bernavigasi kembali atau meneruskan mungkin menjadi usang di masa mendatang karena alasan bahwa jika ada skrip berbahaya, mereka dapat dan akan mengambil kendali dari peramban Anda, yang adalah apa yang coba dicegah oleh pengembang peramban besar untuk mencegah bagaimanapun caranya.
—
BRO_THOM
Lihatlah plugin jqueryUI Tabs: jqueryui.com/tabs . Dokumentasi mereka juga memberikan rincian tentang navigasi papan ketik juga. api.jqueryui.com/tabs . Silahkan lihat.
—
Prasad Wargad
@ Efe apakah Anda menyelesaikannya?
—
Aabir Hussain