Bootstrap carousel next and prev function not working

Question

Using latest version and have the basic carousel. I've got it working with all the default settings, however when trying to add or stop certain functions, things break or don't work at all. I want to be able to manually cycle through the images. Don't want it to auto cycle. I want to just use the next and prev buttons to cycle through. I've read a few post on here but the solutions don't work help/work. ```

Img
Img
Img

Img
Img
Img

‹ ›

$('#myCarousel').each(function() { $(this).carousel({ interval: false }); }); ```

Accepted Answer

You can wire the events up yourself:

```
$('.carousel-control.left').click(function() {
  $('#myCarousel').carousel('prev');
});

$('.carousel-control.right').click(function() {
  $('#myCarousel').carousel('next');
});
```

You can of course use the `data-slide` as well just depends on what you want to do. Something like this which does the same as above.

```
$('a[data-slide="prev"]').click(function() {
  $('#myCarousel').carousel('prev');
});

$('a[data-slide="next"]').click(function() {
  $('#myCarousel').carousel('next');
});
```

Bootstrap carousel next and prev function not working

Solution

Problem