আমি ব্যবহারকারীদের কাছ থেকে প্রচুর অভিযোগ পেয়েছি যে তারা যখন আমার 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) == 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;
});