2013-11-21 11 views
7

मैं इस कोड का उपयोग कैरोसेल स्लाइड पर किसी ईवेंट पर आग लगाने के लिए करने का प्रयास करता हूं, लेकिन यह किसी कारण से काम करने में विफल रहता है। कोई सुझाव?बूटस्ट्रैप कैरोसेल स्लाइड समस्या पर आग घटना

var $carousel = $('#carousel-showcase'); 
$carousel.carousel(); 

$carousel.bind('slide', function(e) { 

    setTimeout(function(){ 
    var left = $carousel.find('.item.active.left'); 
    var right = $carousel.find('.item.active.right'); 
    if(left.length > 0) { 
    $("#wrap").animate({ 
     backgroundPositionX: '+=50%' 
    },0); 
    } 
    else if(right.length > 0) { 
    $("#wrap").animate({ 
     backgroundPositionX: '-=50%' 
    },0); 
    } 
    }, 500); 
}); 
+0

और त्रुटि है ..? – Babblo

उत्तर

23

बूटस्ट्रैप 3 'slide.bs.carousel' को 'स्लाइड' घटना बदल दिया है। (अपने ही मुद्दा है यह सोचते हैं कि) इस के लिए परिवर्तित करें और यह काम करना चाहिए:

$carousel.bind('slide.bs.carousel', function (e) { 
    console.log('slide event!'); 
}); 

this question देखें।

+0

यह काम किया! धन्यवाद!! – sdvnksv

+0

यह क्रोम में काम करता है, लेकिन मोज़िला में काम करने में विफल रहता है। कोई सुझाव? – sdvnksv

+0

स्लाइड घटना ने फ़ायरफ़ॉक्स में मेरे लिए ठीक काम किया। – ringstaff

संबंधित मुद्दे