jQuery Carousel अटक (ट्विटर बूटस्ट्रैप)

Question

मैं ट्विटर बूटस्ट्रैप के Carousel jQuery प्लगइन यहाँ क्रियान्वित किया है: http://zarin.me/circlefive/dashboard.html (प्रतिक्रियाएं टैब देखें)

हिंडोला आमतौर पर काम करता है, लेकिन कभी कभी अटक जाती है। यह विशेष रूप से तब होता है जब आप अन्य टैब के साथ बातचीत करते हैं और फिर प्रतिक्रिया टैब का उपयोग करते हैं। मुझे लगता है कि इसे टैब के साथ करना है ..

क्या किसी को पता है कि कैरोसेल क्यों अटक रहा है?

धन्यवाद!

Answer 1

यदि आप क्रोम में कैरोसेल के व्यवहार का निरीक्षण करते हैं तो आप टैब को बदलते समय कैरोलेल कर सकते हैं।

और क्योंकि कैरोसेल सक्रिय टैब में नहीं है display: none; कैरोसेल के मूल div पर लागू होता है। यह आपकी समस्या का कारण हो सकता है। (आप स्क्रीनशॉट की तरह खत्म हो जाते हैं)

मुझे लगता है कि टैब से संबंधित सामग्री दिखाने से पहले अंतिम टैब पर 3 पहले टैब और .carousel('cycle') पर क्लिक करते समय .carousel('pause') को ट्रिगर करके इसे ठीक किया जा सकता है।

Answer 2

मुद्दा है, क्या @Francesco Frassinelli टिप्पणी में बताया की तर्ज पर है अर्थात् जब हिंडोला, CSS3 संक्रमण (मूल रूप से किसी भी ब्राउज़र लेकिन आईई) उपयोग कर रहा है एक हिंडोला छिपा हुआ है अगर है कि जब एक संक्रमण समाप्त होता है, $.support.transition.end घटना कभी नहीं निकाल दी जाती है। इससे स्लाइडिंग राज्य और शॉर्ट-सर्किट की सभी कार्यक्षमता में कैरोसेल को निलंबित कर दिया जाएगा।

"तुम और इससे पहले कि इसे फिर से शुरू/प्रदर्शन टॉगल के बाद स्लाइड शो रोकने की आवश्यकता होगी:

Issue #1887 @fat में पहली जगह में अटक से रोक के लिए उनके सुझाव में फेंक दिया । "

$('a[href="#responses-1"]').on('shown', function() { 
    var $carousel = $('.carousel'); 

    if ($carousel.data('carousel') && $carousel.data('carousel').sliding) { 
     $carousel.find('.active').trigger($.support.transition.end); 
    } 
}); 

यह जब यह करता है, तो दिखाई देने लगता है मूल रूप से बस हिंडोला बातें बताता है:

मैं भी जब Issue #3351 में एक मॉडल में एक हिंडोला प्रयोग करने के लिए एक समाधान है, जो आसानी से आपके उपयोग के मामले के लिए अनुकूलित किया जा सकता का सुझाव दिया यह निलंबित किया जाता है।

के बाद से इस गरीब व्यवहार कई अलग तरह से परिदृश्य भर में होती है, तो मैं एक संभावित स्थायी समाधान जो सीधे बूटस्ट्रैप-carousel.js प्लगइन कोड में एकीकृत किया जा सकता है की व्यवहार्यता के रूप में Issue #3351 में एक सुझाव दिया। अगर कोई सोचता है कि यह एक अच्छा विचार है, या इसे पूरा करने के तरीके के बारे में अन्य विचार हैं, तो यह मुद्दा अभी भी खुला है, इसलिए प्रतिक्रिया का स्वागत है।