訪問圖像源動態改變

Question

我有一些圖像和這樣的代碼，從而改變當拇指被點擊.:大圖像

圖像-01-thumb.jpg
圖像-01-滿。 JPG
圖像-02 thumb.jpg
圖像-02 full.jpg

$.each($('img'), function() { 
    if ($(this).attr('src').toString().indexOf('thumb.jpg') > -1) { 
     $(this).on('click', function() { 
      $('.large-image').attr('src', $(this).attr('src').replace('thumb', 'full')); 
     }); 
    } 
}); 

但是，當我嘗試訪問該圖像的src應用一些插件的影響，DOM是不更新和我總是訪問原始的src：

$(document).on('click', '.large-image', function() { 
    $('.large-image').pluginEffect(); 
}); 

當我dinamically改變圖片src圖像-02-full.jpg，它仍然applys圖像-01 full.jpg

如何才能獲得更新的SRC效果或哪能刷新DOM？

Answer 1

您正在使用large-image類初始化所有元素上的插件，並且該插件可能只作用於第一個元素。這樣做的目的只是點擊元素：

$(document).on('click', '.large-image', function() { 
    $(this).pluginEffect(); 
});