Jquery點擊不按預期工作

我在產品部分添加自定義縮略圖，它會垂直顯示。我只是添加了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**

謝謝！ Plz幫助我

來源

2015-11-17 Rahul Bajaj

你可以添加一個失敗的例子jsfiddle.net？ – Oleander

此代碼在wordpress網站中添加，他們在其中生成一個html動態 –

我不確定你的意思，但如果有人會幫助你，你需要提供一個失敗的例子。 – Oleander

您需要將未被點擊的圖像重置回正常位置。在if語句中，您可以將所有圖像設置爲初始位置，然後更改最近位置，就像您已經在做的那樣。

來源

2015-11-17 21:14:02 danjah

謝謝你！你給我正確的方向！接近解決它 –

Jquery點擊不按預期工作

回答

相關問題