मुझे उपयोगकर्ताओं से बहुत शिकायतें मिल रही हैं कि जब वे मेरे 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;
});
प्रासंगिक होने पर URL के पीछे # tab1 और # tab2 जोड़ें
—
Gerard
हाय @Gard, नहीं निम्नलिखित आप एक उदाहरण दिखा सकते हैं।
—
एफए
आपको पता होना चाहिए कि भविष्य में किसी भी ब्राउज़र को वापस नेविगेट करने या आगे बढ़ाने से रोकने का कारण यह हो सकता है कि यदि कोई दुर्भावनापूर्ण स्क्रिप्ट हैं, तो वे आपके ब्राउज़र को नियंत्रित कर सकते हैं, जो कि बड़े ब्राउज़र डेवलपर्स को रोकने की कोशिश कर रहे हैं। किसी भी कीमत पर।
—
BRO_THOM
JQueryUI टैब्स प्लगइन पर एक नज़र डालें: jqueryui.com/tabs । साथ ही उनका प्रलेखन कीबोर्ड नेवीगेशन के बारे में भी विवरण देता है। api.jqueryui.com/tabs । एक नज़र देख लो।
—
प्रसाद वारगढ़
@ क्या आपने इसे हल किया?
—
अबीर हुसैन