Birden fazla karuseli (carouFredSel) jquery her birini kullanarak, bağlantı tanıtıcısı sorunu

Question

1 sayfada birden çok slayt gösterisi oluşturmak için aşağıdaki kodu kullanıyorum.

Slayt gösterileri düzgün çalışıyor, ancak her slayt gösterisinin düğmelerinin çalışmasını sağlayamıyorum. Onları tıkladığımda sayfa en üste gider. Her bağlantıyı benzersiz bir şekilde tanımlayarak bir problem olmamam gerektiğini düşündüm.

Herhangi bir fikir yanlış mı?

 $("div.slideshow").each(function(){ 
      $(this).find('ul').carouFredSel 
      ({ 
      auto:true, 
      items: { width: 200, height: 200 }, 
      prev: { button: function() { return $(this).find('a.prev');}},    
      next: { button: function() { return $(this).find('a.next'); }},   
      }); 
    console.log($(this).find('a.prev')); //correct element returned, length 1 
    console.log($(this)); //correct element returned 
    }); 

Answer 1

Sayfa en üste doğru kaydırıldığından, sorun, çağrı cihazlarının başlatılmasıyla carouFredSel ile ilgilidir. Büyük ihtimalle işaretlemenizle ilgili bir sorun.

Ayrıca, anlattığınız satırlar boyunca responsive : true seçeneğini kullanarak bazı garip sorunlar yaşadım.

Bir jQuery sekmeler arayüzünde birden karuselleri ile pagination bir çalışma örnek göstermek için bir jsFiddle oluşturduk:

http://jsfiddle.net/EFC3X/

Answer 2

kod sonraki

<div class="image_carousel"> 
    <div class="sec_elem"> 
     <div class="tem-bl"> 
      <img src="image.jpg" alt=""/> 
     </div> 
     <div class="tem-bl"> 
      <img src="image.jpg" alt=""/> 
     </div> 
     <div class="tem-bl"> 
      <img src="image.jpg" alt=""/> 
     </div> 
    </div> 

    <a class="prev" href="#"></a> 
    <a class="next" href="#"></a> 
</div> 

jquery

$(".sec_elem").carouFredSel({ 
    circular: true, 
    infinite: false, 
    width:'100%', 
    auto : true, 
    scroll : { 
     items : 1, 
     pauseOnHover : true, 
     duration : 1000 
    }, 
    prev : { 
     button : function(){ 
      return $(this).parents('.image_carousel').find('.prev'); 
     }, 
     key  : "left" 
    }, 
    next : { 
     button : function(){ 
      return $(this).parents('.image_carousel').find('.next'); 
     }, 
     key  : "right" 
    } 
}); 

eğer