Swipe.js 回调函数答案

【问题标题】：Swipe.js callback functionSwipe.js 回调函数
【发布时间】：2013-07-29 04:12:17
【问题描述】：

我正在使用 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 元素的类。

任何帮助将不胜感激。

【问题讨论】：

标签： callback custom-data-attribute swipe.js

【解决方案1】：

Swipe 2.0 添加属性 data-index，所以你可以写：

$('#mySwipe [data-index='+(mySwipe.getPos()+1)+']').data('color')

【讨论】：