Javascript 通过单击更改图像及其来源

基于这个问题，我创建了点击[1][2][3][4]更改主图像的功能

现在它工作得很好。主映像将按预期进行更改。但当我点击主图像弹出时，它只会显示默认图像，或者我可以说是第一个

问题：为了更好地解释：我可以看到一些图像，但当我点击那个弹出窗口时，会显示另一个

主图像视图：

div class="block-2-image">                                  
                            
    <a href=<%=@advertisement.pictures.first.image.url(:original)%> data-lightbox="gallery"><%=  image_tag @advertisement.pictures.first.image.url(:medium),
                              :title=> @advertisement.name,:id=>"main-image", :alt =>                                   @advertisement.name%></a>
</div>

我的剧本：

$(document).ready(function(){
   $('.thumbnail a').on('click', function(e){
      $('.block-2-image img').attr('src', $(this).attr('href')); //nomaina bildi, bet klikskinot paliek vecais bildes links
    
    e.preventDefault();
     var sidebar = $('.thumbnail');
    sidebar.delegate('a.inactiver','click',function(){
        sidebar.find('.activer').toggleClass('activer inactiver');
        $(this).toggleClass('activer inactiver');
    });
    // $(this).css('border-width', '2');
 
});

});

但那个代码会改变图像源吗？那么为什么它是针对其他图像的呢

---

谢谢

这可能是因为您在一个页面中多次出现.block-2-image img。如果是，请尝试使用parent>child@shahmanthan9谢谢我在页面中没有multpiple.block-2-image img。问题可能是由处理图像弹出的lightbox引起的？

$(document).ready(function(){
   $('.thumbnail a').on('click', function(e){
      $('.block-2-image img').attr('src', $(this).attr('href')); //nomaina bildi, bet klikskinot paliek vecais bildes links
    
    e.preventDefault();
     var sidebar = $('.thumbnail');
    sidebar.delegate('a.inactiver','click',function(){
        sidebar.find('.activer').toggleClass('activer inactiver');
        $(this).toggleClass('activer inactiver');
    });
    // $(this).css('border-width', '2');
 
});

});