Колесо мыши прокрутки огонь только один раз рядом обратного

Question

У меня есть Owl установки карусельного типа этого

<div class="owl-carousel"> 
    <div>0</div> 
    <div>1</div> 
    <div>2</div> 
    <div>3</div> 
    <div>4</div> 
    <div>5</div> 
    <div>6</div> 
    <div>7</div> 
    <div>8</div> 
    <div>9</div> 
</div> 

Это JS

var owl = $('.owl-carousel'); 
owl.owlCarousel({ 
    items  : 1, 
    singleItem : true, 
    rewindNav : false, 
    dots  : true, 
}); 
owl.on('mousewheel', '.owl-stage', function (e) { 
    if (e.deltaY<0) { 
     console.log(e.deltaY); 
     owl.trigger('next.owl'); 
    } else { 
     owl.trigger('prev.owl'); 
    } 
    e.preventDefault(); 
}); 

jsFiddle здесь: http://jsfiddle.net/f0yph3aL/

, как вы можете увидеть, если вы перечисляете ваша колесико над красным квадратом, слайды движутся как сумасшедшие. Мне нужно, чтобы огонь next.owl.carousel был только один раз, так что прокруткой мыши можно изменить только +1 слайд.

Я попробовал setTimeout внутри owl.on, попробовал debounce и bind/unbind mousewheel. Возможно, я сделал это неправильно. Спасибо за любой совет.

UPDATE:

Вот unbinded MouseWheel, который прекрасно работает, но я не знаю, хо связать колесика мыши снова после некоторого промежутка времени (setTimeout) http://jsfiddle.net/cz122kk6/1/

Answer 1

Вы можете установить флаг для переходов и изменить его во время перехода/завершения. Вот код сценария:

$('.owl-carousel').each(function(i) { 
    var owl = $(this); 
    owl.owlCarousel({ 
     items: 1, 
     singleItem: true, 
     rewindNav: false, 
     dots: true, 
    }); 
    var allowTransitionLeft = false; 
    var allowTransitionRight = true; 
    owl.on('mousewheel', '.owl-stage', function (e) { 
     e.preventDefault(); 
     if (e.deltaY < 0) { 
      if(allowTransitionRight) { 
       allowTransitionRight = false; 
       owl.trigger('next.owl'); 
      }; 
     } else { 
      if (allowTransitionLeft) { 
       allowTransitionLeft = false; 
       owl.trigger('prev.owl'); 
      }; 
     } 
    }).on('translated.owl.carousel', function (e) { 
     allowTransitionRight = (e.item.count > e.item.index); 
     allowTransitionLeft = (e.item.index > 0); 
    }); 
}); 

Вы можете увидеть его в Updated Fiddle.

При завершении перехода слайдов translated.owl.carousel событие увольняется. Там мы выбрали, какой переход разрешен на основе индекса активных позиций Carousel.

Список Сова Carousel 2 событий here.

EDIT: Теперь работает для нескольких экземпляров.

Answer 2

owl.owlCarousel({ 
    items  : 1, 
    singleItem : true, 
    rewindNav : false, 
    dots  : true, 
    loop: true, 
    smartSpeed: 1000, 
}); 

Done :)