2013-05-22 4 views
-1

Я создаю нечто похожее на карусель hammer.js. Я хотел бы добавить следующие и предыдущие кнопки в карусель. Я нашел это решение на StackOverflow: Triggering Hammer.js drag/slide behavior on mouse click.Hammer.js - карусель следующая и предыдущая кнопка

Используя код из приведенной выше ссылки, я смог получить следующую кнопку, но предыдущая кнопка с тем же кодом не работает.

Код для следующей кнопки:

var nexthammertime = Hammer('.next').on("tap", function (event) { 
     console.log(event); 
     var nextCarousel = new Carousel("#carousel"); 
     nextCarousel.init(); 
     nextCarousel.showPane(1); 
    }); 

Код для предыдущей кнопки:

var previoushammertime = Hammer('.previous').on("tap", function (event) { 
     console.log(event); 
     var previousCarousel= new Carousel("#carousel"); 
     previousCarousel.init(); 
     previousCarousel.showPane(0); 
    }); 
+0

одиночная запятая отсутствует после предыдущей – DmitryK

+0

Спасибо @DmitryKvochkin. Я как-то пропустил это при копировании. Я отредактировал сообщение, а также изменил previousCarousel.showPane (1) на previousCarousel.showPane (0), что также было ошибкой. – michelle

+0

Я пытался заставить это работать, поэтому я попробовал 'previousCarousel.showPane (current_pane-1);' и это работает до тех пор, пока я дважды нажимаю. Как заставить его работать при первом нажатии? – michelle

ответ

0

Вот решение

Код для следующей кнопки:

var nexthammertime = Hammer('.next').on("tap", function (event) { 
    console.log(event); 
    var nextCarousel = new Carousel("#carousel"); 
    nextCarousel.init(); 
    nextCarousel.showPane(1); 
}); 

Код для предварительной vious button:

var previoushammertime = Hammer('.previous').on("tap", function (event) { 
    console.log(event); 
    var previousCarousel= new Carousel("#carousel"); 
    previousCarousel.init(); 
}); 
Смежные вопросы