Question

我正在使用swipejs（https://github.com/bradbirdsall/Swipe），并且如果要滑动的幻灯片具有数据属性，则希望向某些DOM元素添加类。

在这种情况下，幻灯片可能具有data-color =“orange”的属性。当滑动到那张幻灯片时，我想将class“.orange”添加到任何具有类'.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元素的类。

非常感谢任何帮助。

Answer 1

Swipe 2.0添加了属性数据索引，因此您可以编写：

$（'＃mySwipe [data-index ='+（mySwipe.getPos（）+ 1）+']'）。data（'color'）

Swipe.js回调函数

1 个答案: