Ad
Twitter Bootstrap Carousel Doesn't Work On Older Browsers
Per the docs, this should be enough to run Twitter Bootstrap:
<div class="carousel">
<div class="carousel-inner">
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
</div>
</div>
$('.carousel').carousel()
I also included jquery.transitions
plugin so I assumed it would degrade in older browsers.
Unfortunately, the slides don't move at all in Firefox 3.6. Why?
Ad
Answer
It looks like you need to add slide
class to your carousel for the simple
version to work:
<div class="carousel slide">
Sample carousel has it, and there is a check in the code:
if (!$.support.transition && this.$element.hasClass('slide')) {
this.$element.trigger('slide')
$active.removeClass('active')
$next.addClass('active')
this.sliding = false
this.$element.trigger('slid')
}
Kind of strange they didn't mention it, though.
Ad
source: stackoverflow.com
Related Questions
- → jQuery Plugin Return this.each and add function property to each object?
- → How to provide public access to jQuery plugin using jquery-boilerplate?
- → How do jQuery modal box plugins compare?
- → jQuery modal window with animation?
- → Parallax scrolling with custom scroll bar
- → How to get the image click on Froala Editor
- → Placement for jQuery plugin within a custom jQuery plugin
- → Twitter Bootstrap carousel doesn't work on older browsers
- → Twitter Bootstrap Carousel - access current index
- → Removing specific carousel panes in the jQuery Scrollable plugin
- → scroll by number of elements on jquery-just-another-carousel
- → jquery circle progress | Change color on circle progress
- → jquery validation in textfield
Ad