Jquery单击未按预期工作答案

【问题标题】：Jquery click not working as expectedJquery单击未按预期工作
【发布时间】：2015-11-17 18:33:45
【问题描述】：

我有一个 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”属性。这个“href”和图像 src 与我想在产品图像 div 中显示的相同。我还在 jquery 代码中添加了一些 CSS 来显示图像。一切正常。

问题是：假设 4 个缩略图以升序显示，如"

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**

谢谢！请帮帮我

【问题讨论】：

你能添加一个带有失败示例的 jsfiddle.net 吗？
这段代码是在wordpress网站上添加的，他们会在其中动态生成一个html
我不确定你的意思，但如果有人要帮助你，你需要提供一个失败的例子。
使用浏览器的检查器复制相关的 HTML sn-p。

标签： javascript jquery jquery-ui wordpress

【解决方案1】：

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

【讨论】：