[英]Jquery click not working as expected
我有一个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%"});
}
});
});
代码动机:当用户单击缩略图=时,此功能将获得所单击图像的“ href”属性。 我想在产品图片div中显示此“ href”和图片src。 我还在jQuery代码中添加了一些CSS以显示图像。 一切正常。
问题是:假设4个缩略图像“
UN1 TH2 TH3 UN4
当我第一次单击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**
谢谢! 请帮我
您需要将未单击的图像重置回其正常位置。 在if语句中,您可以将所有图像设置为它们最初具有的第一个位置,然后像您已经做的那样更改最接近的图像的位置。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.