如何添加每個（）

Question

我有一個非常簡單的幻燈片，但我需要能夠在一個頁面上有多個幻燈片。目前，jQuery忽略了額外的.archive_slideshow幻燈片。

http://jsfiddle.net/LJc7g/

$(document).ready(function(){ 
    $('.slide').first().addClass('active'); 
    $('.slide').hide(); 
    $('.active').show(); 
    $('.slide').click(function(){ 
     $('.active').removeClass('active').addClass('oldActive'); 
     if ($('.oldActive').is(':last-child')) { 
      $('.slide').first().addClass('active'); 
     } 
     else { 
      $('.oldActive').next().addClass('active'); 
     } 
     $('.oldActive').removeClass('oldActive'); 
     $('.slide').hide(); 
     $('.active').show(); 
    }); 
}); 

最新最好的方法是什麼？我在正確的軌道上嗎？ http://jsfiddle.net/LJc7g/1/

謝謝

Answer 1

工作的jsfiddle：jsfiddle.net/LJc7g/7

問題的關鍵是你有asigned $（本）自我，然後用它不正確。做到這一點，這將正常工作：

$(document).ready(function(){ 

    $("div.archive_slideshow").each(function() { 
     var self = $(this); 

     self.find('.slide').first().addClass('active'); 
     self.find('.slide').hide(); 
     self.find('.active').show(); 

     self.find('.slide').click(function(){ 
      self.find('.active').removeClass('active').addClass('oldActive'); 
      if ($('.oldActive').is(':last-child')) { 
       self.find('.slide').first().addClass('active'); 
      } 
      else { 
       self.find('.oldActive').next().addClass('active'); 
      } 
      self.find('.oldActive').removeClass('oldActive'); 
      self.find('.slide').hide(); 
      self.find('.active').show(); 
     }); 
    }); 
});