Html 使用hammer.js在同一页面上分别滑动多个元素

我在一个网页上有一些不同的div，我正在使用Hammer.js来刷这些div。我面临的问题是，滑动功能一次只能在一个div上工作，是否有一种方法可以一次性滑动多个div，如果只滑动一个div，那么应该移动多个div

     var element= document.getElementById('1');



    var element_2= document.getElementById('2');

  Hammer(element).on("swiperight",function(){



  //console.log(swapID);
//console.log(numberOfTiles);

//document.getElementById( i.toString()).style.backgroundColor = 'green';


var $carousel = $('#'+1+' .swiper-wrapper'),
    currentSlide, nextSlide;
    currentSlide = $carousel.attr('data-slide');
          nextSlide = +currentSlide === 4 ? 1 : +currentSlide +1;
          $carousel.attr('data-slide', nextSlide); 




                      });

Hammer(element_2).on("swiperight",function(){

//console.log(swapID);
//console.log(numberOfTiles);

//document.getElementById( i.toString()).style.backgroundColor = 'green';


var $carousel = $('#'+2+' .swiper-wrapper'),
    currentSlide, nextSlide;
    currentSlide = $carousel.attr('data-slide');
          nextSlide = +currentSlide === 4 ? 1 : +currentSlide +1;
          $carousel.attr('data-slide', nextSlide); 
            });

---

这里是提琴：

你必须提供实际的代码，足够在问题中演示你在做什么，最好是一个演示问题的工作演示。@Jared Farrish:我已经包括了提琴链接并重新框定了问题，这里是链接