2013-11-21 33 views
7

我尝试使用此代码在传送带幻灯片上触发事件,但由于某种原因无法工作。有什么建议么?Bootstrap传送带滑动问题上的火灾事件

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

Bootstrap 3将'slide'事件更改为'slide.bs.carousel'。更改为此,它应该工作(假设这是你唯一的问题):

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

请参阅this question

+0

它的工作!谢谢!! – sdvnksv

+0

它可以在Chrome中运行,但无法在Mozilla中运行。有什么建议么? – sdvnksv

+0

幻灯片事件在Firefox中适合我。 – ringstaff