Bootstrap JavaScript Carousel Doesn't Stop Cycling

Question

Twitter Bootstrap Version: 2.0.3

Example HTML code:

Answer 1

I'm not sure why but the main solution didn't work for me either. Weird.

To fix my problem I did the following code.

$('.carousel').carousel({interval: false});

$(document).on('mouseleave', '.carousel', function() {

    $(this).carousel('pause');
});

See the documentation for carouselpause.