1

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

任何帮助将不胜感激。

4

1 回答 1

0

Swipe 2.0 增加了属性 data-index,所以你可以这样写:

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

于 2013-12-10T15:39:41.503 回答