2017-10-20 130 views
0

我有一個使用jQuery cycle2的幻燈片。我已經包含在它需要如何在我的項目起作用的樣機一的jsfiddle:https://jsfiddle.net/b1tfx58o/2/如何使用jQuery cycle2在幻燈片更改上移動元素?

它在側面導航鏈接,它有一個本應轉移到與導航對齊邊緣的紅色小盒子鏈接。例如,如果我點擊「幻燈片2」而不是紅色框將向下滑動並像幻燈片1一樣停留在那裏。如果我單擊幻燈片1或幻燈片3,則會移動到邊框線的中間鏈接。您還應該能夠點擊紅色框使其進入下一張幻燈片。我有這部分工作,但沒有移動它,當我點擊鏈接。任何幫助,將不勝感激!

劇本至今(檢查的jsfiddle會更有意義):

var icon = $('.icon'); 
var slideshow = $('.cycle-slideshow'); 

icon.on('click', function(e){ 
    e.preventDefault(); 
    slideshow.cycle('next', function(){ 
    }); 
}); 

回答