fix issue that caused data-auto-animate to be added to the wrong slides
This commit is contained in:
parent
d2796f56b8
commit
c38bc2c611
2 changed files with 15 additions and 9 deletions
12
js/reveal.js
12
js/reveal.js
|
@ -3067,12 +3067,12 @@
|
|||
setTimeout( function() {
|
||||
dom.slides.classList.remove( 'disable-slide-transitions' );
|
||||
}, 0 );
|
||||
}
|
||||
|
||||
if( config.autoAnimate ) {
|
||||
// Run the auto-animation between our slides
|
||||
autoAnimate( previousSlide, currentSlide );
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
@ -3876,9 +3876,11 @@
|
|||
|
||||
} );
|
||||
|
||||
// Set our starting state
|
||||
fromSlide.dataset.autoAnimate = 'pending';
|
||||
toSlide.dataset.autoAnimate = 'pending';
|
||||
// Set our starting state. Note that we may be coming from, or
|
||||
// going to, a non-auto-animate slide so we only want to assign
|
||||
// this value is the attribute exists.
|
||||
if( typeof fromSlide.dataset.autoAnimate === 'string' ) fromSlide.dataset.autoAnimate = 'pending';
|
||||
if( typeof toSlide.dataset.autoAnimate === 'string' ) toSlide.dataset.autoAnimate = 'pending';
|
||||
|
||||
// Inject our auto-animate styles for this transition
|
||||
var css = getAutoAnimatableElements( fromSlide, toSlide ).map( function( elements ) {
|
||||
|
@ -3902,7 +3904,7 @@
|
|||
|
||||
// Start the animation next cycle
|
||||
setTimeout( function() {
|
||||
toSlide.dataset.autoAnimate = 'running';
|
||||
if( typeof toSlide.dataset.autoAnimate === 'string' ) toSlide.dataset.autoAnimate = 'running';
|
||||
}, 2 );
|
||||
|
||||
}
|
||||
|
|
|
@ -37,6 +37,10 @@
|
|||
<h3>h3</h2>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h1>Non-auto-animate slide</h1>
|
||||
</section>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
@ -46,7 +50,7 @@
|
|||
|
||||
<script>
|
||||
|
||||
const slides = [].slice.call( document.querySelectorAll( '.slides section' ) ).map( slide => {
|
||||
const slides = Array.prototype.map.call( document.querySelectorAll( '.slides section' ), slide => {
|
||||
return {
|
||||
h1: slide.querySelector( 'h1' ),
|
||||
h2: slide.querySelector( 'h2' ),
|
||||
|
|
Loading…
Reference in a new issue