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%"});  
                    } 

             });

});

代码动机：当用户点击缩略图图片=时，此功能获得＆＃34; href＆＃34;单击图像的属性。这个＆＃34; href＆＃34;和图像src是相同的，我想在产品图像div中显示。我还在jquery代码中添加一些css来显示图像。一切都很好。

问题是：假设4个缩略图显示为升序，如＆＃34;

THUNMB1 的 THUNMB2 的 THUNMB3 的 THUNMB4

当我第一次点击thumb1，thumb2，thumb3，thumb4时，它有效，但是点击这个订单时

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帮帮我

Answer 1

您需要将未被点击的图像重置回正常位置。在你的if语句中，你可以将所有图像设置为它们最初的第一个位置，然后改变最近的位置，就像你已经做的那样。

Jquery点击不按预期工作

1 个答案: