我正在使用 swipejs ( https://github.com/bradbirdsall/Swipe ) 并且如果要滑动到的幻灯片具有数据属性,则希望向某些 DOM 元素添加一个类。
在这种情况下,幻灯片可能具有 data-colour="orange" 属性。滑动到该幻灯片时,我想将Class '.orange' 添加到任何具有Class '.colour' 的DOM元素
HTML:
<!-- Slide 1 -->
<div class="slide" data-colour="orange">
<h1 class="center">we know sport</h1>
</div>
<!-- Slide 2 -->
<div class="slide" data-colour="blue">
<h1 class="center">we really know football</h1>
</div>
jQuery:
$(document).ready(function(){
var elem = document.getElementById('mySwipe');
window.mySwipe = Swipe(elem, {
callback: function(){
colour.addClass($('.slide').data('colour'));
}
});
});
这将执行所需的操作,但只会在滑动到下一张幻灯片时应用当前幻灯片的数据属性,而我想计算下一张幻灯片的数据属性,并在滑动到它时将其作为一个类添加到其他 DOM 元素。
任何帮助将不胜感激。