callback - Swipe.js コールバック関数

Question

私は swipejs ( https://github.com/bradbirdsall/Swipe ) を使用しており、スライド先のスライドにデータ属性がある場合、特定の DOM 要素にクラスを追加したいと考えています。

この場合、スライドは data-colour="orange" の属性を持つことができます。そのスライドにスライドするとき、addClass '.orange' を hasClass '.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 要素。

どんな助けでも大歓迎です。