JQuery не работает как ожидается

Question

У меня есть сайт wordpress.

Я добавляю пользовательские миниатюры в разделе продукта, он отображается вертикально. Я просто добавить код JQuery следующего:

$(document).ready(function(){ 
$('.active-thumb-link a').click(function(e){ 
    e.preventDefault(); 
    var imgSrc = $(this).attr('href'); 
    var imgFind = $(".flickity-slider > div > a ").each(function(){ 
        if($(this).attr('href') == imgSrc){ 
         $(this).closest('div').css({"position": "absolute", "left": "0%"}); 
        } 

      }); 

}); 

код Мотив: Когда пользователь нажимает на эскизе = это fucntion получить «HREF» атрибут щелкнутых изображений. Это «href» и image src - это то же самое, что я хочу отображать в div продукта. Я также добавлю код css в код jquery для отображения изображения. Все работает нормально.

Выпуск: Пусть 4 миниатюры появляется в порядке возрастания, как»

THUNMB1 THUNMB2 THUNMB3 THUNMB4

Когда я нажимаю первый раз thumb1, Thumb2, thumb3, thumb4 it works, Но когда нажимают наподобие этого заказа

1.) Click thumb1 works good 
2.) Click thumb2 works good 
3.) Click thumb3 works good 
4.) **Click thumb2 Not works after that nothing works when i click on previously clicked thumbnail again. This is the main issue** 

Спасибо! Plz help me

Answer 1

Вам необходимо сбросить изображения, которые не были нажаты, до их нормального положения. Внутри вашего оператора if вы можете установить все изображения на первую позицию, которую они изначально имели, а затем изменить положение ближайшего, как это уже делается.