diff options
| author | Heinrich Fenkart <[email protected]> | 2014-09-16 06:02:27 +0200 |
|---|---|---|
| committer | Heinrich Fenkart <[email protected]> | 2014-09-23 23:34:58 +0200 |
| commit | c37c1a67438b3c682bac3787069eb33fefa6f154 (patch) | |
| tree | 563a37dee2c7e8cc840fd352500646b4a9d414c3 | |
| parent | 4a3931d4c57e30f3ed01cc66092178bb9e565851 (diff) | |
| download | bootstrap-c37c1a67438b3c682bac3787069eb33fefa6f154.tar.xz bootstrap-c37c1a67438b3c682bac3787069eb33fefa6f154.zip | |
Only enable `pause: hover` for non-touch browsers
Fixes #11967.
| -rw-r--r-- | js/carousel.js | 2 | ||||
| -rw-r--r-- | js/tests/unit/carousel.js | 22 |
2 files changed, 23 insertions, 1 deletions
diff --git a/js/carousel.js b/js/carousel.js index 65cc7b912..4c9a1165c 100644 --- a/js/carousel.js +++ b/js/carousel.js @@ -23,7 +23,7 @@ this.$active = this.$items = null - this.options.pause == 'hover' && this.$element + this.options.pause == 'hover' && !('ontouchstart' in document.documentElement) && this.$element .on('mouseenter.bs.carousel', $.proxy(this.pause, this)) .on('mouseleave.bs.carousel', $.proxy(this.cycle, this)) } diff --git a/js/tests/unit/carousel.js b/js/tests/unit/carousel.js index 3f9e61a34..64d214462 100644 --- a/js/tests/unit/carousel.js +++ b/js/tests/unit/carousel.js @@ -398,4 +398,26 @@ $(function () { strictEqual($template.find('.item')[1], $template.find('.active')[0], 'second item active') }) + + test('should only add mouseenter and mouseleave listeners when not on mobile', function () { + var isMobile = 'ontouchstart' in document.documentElement + var templateHTML = '<div id="myCarousel" class="carousel" data-interval="false" data-pause="hover">' + + '<div class="carousel-inner">' + + '<div id="first" class="item active">' + + '<img alt="">' + + '</div>' + + '<div id="second" class="item">' + + '<img alt="">' + + '</div>' + + '<div id="third" class="item">' + + '<img alt="">' + + '</div>' + + '</div>' + + '</div>' + var $template = $(templateHTML).bootstrapCarousel() + + $.each(['mouseover', 'mouseout'], function (i, type) { + strictEqual(type in $._data($template[0], 'events'), !isMobile, 'does' + (isMobile ? ' not' : '') + ' listen for ' + type + ' events') + }) + }) }) |