我有一个“活动”类,它不断被删除并添加到其他 div 中。但如果它应用于第一个或最后一个孩子,我不希望它被删除......
JSFiddle:http: //jsfiddle.net/YuDDK/1/
HTML:
<div id="container">
<div class="item active"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
</div>
JS:
$('#container').mousewheel(function(event, delta) {
var active = $('.active');
if (delta > 0) {
if (active.not(":first-child")) {
active.removeClass('active').prev().addClass('active');
}
} else {
if (active.not(":last-child")) {
active.removeClass('active').next().addClass('active');
}
}
$(this).scrollTo( $('.active'),100);
return false;
});